[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
Navigation Superfish - REDAXO Forum
Hallo,

Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.

Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
super_fossi
Beiträge: 12
Registriert: 31. Jan 2012, 10:57

Navigation Superfish

31. Jan 2012, 11:01

Hi leute,
bin ganz neu in der Redaxo-Gemeinde und versuche mich gerade mit meinem Ersten Projekt:

hab folgende Seite gebaut: www.tandemfliegenchiemgau.de
Und hier wollte ich auf meinem Template (index) die Navigation von Superfish einbinden.
(es sollte eine horizontale Navigation im oberen Bereich der Seite werden.
Wie hier: http://tandemfliegenchiemgau.de/fluggebiete.html

Gut, anscheinend habe ich den Code falsch platziert.
Kann mir da jemand weiterhelfen?

Hier der Code des Templates:
<?php
session_start();
header('Content-Type: text/html; charset=UTF-8');

$navTemplateId = "13";
// Einbinden des Navigation Template
$navTemplate = new rex_template($navTemplateId);
include $navTemplate->getFile();

?>


<!DOCTYPE html>
<html lang="en">
<head>
<base href="<?php echo $REX['SERVER']; ?>" />
<meta http-equiv="content-type" content="text/html;" charset=utf-8" />
<title><?php echo RexSEO::title(); ?></title>
<meta name="keywords" content="<?php echo RexSEO::keywords(); ?>" />
<meta name="description" content="<?php echo RexSEO::description(); ?>" />

<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<link rel="stylesheet" type="text/css" href="files/superfish.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen">
<script language="JavaScript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script language="JavaScript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Dynalight_400.font.js" type="text/javascript"></script>
<script src="js/FF-cash.js" type="text/javascript"></script>
<script src="js/tms-0.3.js" type="text/javascript"></script>
<script src="js/tms_presets.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.equalheights.js" type="text/javascript"></script>


<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/inte ... bannercode">
<img src="http://storage.ie6countdown.com/assets/ ... 000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page1">




<!--==============================header=================================-->
<header>

<div class="row-top">
<div class="main">

<div class="wrapper">
<h1>&nbsp;</h1>
<nav>
<table width="100%" border="0">
<tr>
<td><div align="left"><a href="<?php echo $REX['SERVER']; ?>""><img src="images/tandemfliegen-chiemgau_logo_de.jpg" width="250" height="62" alt=""></a></div></td>
<td valign="bottom"><div align="right"; id="navigation">
<?php print $navLeftCol; ?> </div>
</td>
</tr>
</table>
<ul class="menu">



</ul>
</nav>
</div>
</div>
</div>
<div class="row-bot">
<div class="row-bot-bg">
<div class="main">



<div class="slider-wrapper">
<div class="slider">
<ul class="items">
<li>
<img src="images/slider-img1.jpg" alt="" /> </li>
<li>
<img src="images/slider-img2.jpg" alt="" /> </li>
<li>
<img src="images/slider-img3.jpg" alt="" /> </li>
<li>
<img src="images/slider-img4.jpg" alt="" /> </li>
<li>
<img src="images/slider-img5.jpg" alt="" /> </li>
<li>
<img src="images/slider-img6.jpg" alt="" /></li>

</ul>
</div>
</div>
</div>
</div>
</div>
</header>

<!--==============================content================================-->
<section id="content" name="content">
<div class="ic"><div class="inner_copy"></div></div>
<div class="main">
<div class="wrapper">
<article class="col-1">
<div class="indent-left">
<?php print $this->getArticle(1); ?>


</div></article>
<article class="col-2">
<div class="indent-left">
<div align="right"><?php print $this->getArticle(2); ?>

</div>
</div></article>
</div>
</div>
</div>

</section>

<!--==============================footer=================================-->
<footer>
<div class="main">
<div class="aligncenter">


<div id="footer">

<table width="100%" border="0">
<tr>
<td valign="bottom"><div align="left"> REX_ARTICLE[23] </div></td>
<td valign="bottom"><div align="right"> REX_ARTICLE[24] </div></td>
</tr>
</table>

</div>
</div>
</div>
</footer>
<script type="text/javascript"> Cufon.now(); </script>
<script type="text/javascript">
$(window).load(function() {
$('.slider')._TMS({
duration:1000,
easing:'easeOutQuint',
preset:'slideDown',
slideshow:7000,
banners:false,
pauseOnHover:true,
pagination:true,
pagNums:false
});
});
</script>

<!-- facebook follow badge -->
<script src='/js/badge.js' type='text/javascript'></script><script type='text/javascript' charset='utf-8'><!--
tfb.label = 'become a fan';
tfb.color = 'transparent';
tfb.side = 'r';
tfb.top = 136;
tfb.showbadge();

--></script>
<!-- end of facebook follow badge -->

<script type="text/javascript">
// initialise plugins
jQuery(function(){
jQuery('ul.sf-menu').superfish();
});
</script>


</body>
</html>


Danke für Eure Hilfehilfehilfe :-)

super_fossi
Beiträge: 12
Registriert: 31. Jan 2012, 10:57

Re: Navigation Superfish

31. Jan 2012, 11:49

naja, ich seh gerade, dass das Ganze im IE einigermaßen funktioniert.
Nur im Firefox besteht das Problem weiterhin...
Das kommt davon, wenn man nur im Firefox arbeitet.

Hat jemand einen Lösungsvorschlag für mich?
Danke

Benutzeravatar
Oliver.Kreischer
Beiträge: 2508
Registriert: 17. Dez 2004, 00:03
Wohnort: Velbert - LA
Kontaktdaten: Website

Re: Navigation Superfish

31. Jan 2012, 12:02

Hi,

räum mal deine

http://www.tandemfliegenchiemgau.de/files/superfish.css

auf und dann sehen wir weiter :-)

Da ist eine Menge HTML Code drin der da nicht hingehört!

LG
Oliver
> Friends Of REDAXO Gemeinsame REDAXO-Entwicklung!
> REDAXO Agenturen. Eintragen erwünscht!
> Komm in den Slack Channel Es lohnt sich!

super_fossi
Beiträge: 12
Registriert: 31. Jan 2012, 10:57

Re: Navigation Superfish

31. Jan 2012, 12:21

Hi,
hmm.. die hab ich so gedownloaded.
Wo finde ich denn den Code, der da auch wirklich nur reingehört? :-) :oops:

Benutzeravatar
Oliver.Kreischer
Beiträge: 2508
Registriert: 17. Dez 2004, 00:03
Wohnort: Velbert - LA
Kontaktdaten: Website

Re: Navigation Superfish

31. Jan 2012, 12:36

Das glaub ich nicht :-)
Sieht eher nach einen Copy & Paste Fehler aus..

Lösch einfach mal den HTML Kram aus der CSS Datei...

LG
Oliver
> Friends Of REDAXO Gemeinsame REDAXO-Entwicklung!
> REDAXO Agenturen. Eintragen erwünscht!
> Komm in den Slack Channel Es lohnt sich!

super_fossi
Beiträge: 12
Registriert: 31. Jan 2012, 10:57

Re: Navigation Superfish

31. Jan 2012, 12:45

achso. vielleicht ein kleines Missverständnis:
meine superfish.css liegt unter folgender URL: http://tandemfliegenchiemgau.de/css/superfish.css
nicht unter /files/superfish.css.
Das hab ich im Template auch umgemappt....

Lg

Benutzeravatar
Oliver.Kreischer
Beiträge: 2508
Registriert: 17. Dez 2004, 00:03
Wohnort: Velbert - LA
Kontaktdaten: Website

Re: Navigation Superfish

31. Jan 2012, 14:26

Hi,


bau dir doch mal eine kleine statische Seite ohne Redaxo und guck ob do dort das menue zum laufen bekommst.

Wenn es dann funktinoert ist es ja relativ einfach das ins Redaxo zu übernehmen.

LG
Oliver
> Friends Of REDAXO Gemeinsame REDAXO-Entwicklung!
> REDAXO Agenturen. Eintragen erwünscht!
> Komm in den Slack Channel Es lohnt sich!

super_fossi
Beiträge: 12
Registriert: 31. Jan 2012, 10:57

Re: Navigation Superfish

31. Jan 2012, 14:31

naja, das Menü funktioniert ja (zumindest im IE-Explorer) - leider nicht im Firefox.
Zudem ist das Menü im IE-Explorer noch an der falschen Stelle.
Ich glaub, da gibt es überschneidungen in CSS-Dateien. Kann das sein? Leider bin ich im Thema nicht so brutal drin wie so manch anderer hier... :?

Benutzeravatar
Oliver.Kreischer
Beiträge: 2508
Registriert: 17. Dez 2004, 00:03
Wohnort: Velbert - LA
Kontaktdaten: Website

Re: Navigation Superfish

31. Jan 2012, 14:58

Hi,

ich hab dann jetzt doch mal den IE gestartet um kurz zu gucken...

An deiner Stelle würde ich nochmal (fast) von vorne anfangen.
Es sind doch noch einige Fehler auf der Seite zu finden.

Nimm ein leeres Redaxo Template (HTML Grundgerüst) und füge dort nach und nach die einzelnen Elemente und CSS Angaben ein. Vielleicht fängst Du damit an die Navigation ins Grundgerüst einzubauen. Wenn das funktioniert kannst dunach und nach die fehlenden Sachen (JS usw..) einbauen..

Aber immer erst "mehr" einbauen wenn das vorherige auch funktioniert.

LG
Oliver
> Friends Of REDAXO Gemeinsame REDAXO-Entwicklung!
> REDAXO Agenturen. Eintragen erwünscht!
> Komm in den Slack Channel Es lohnt sich!

super_fossi
Beiträge: 12
Registriert: 31. Jan 2012, 10:57

Re: Navigation Superfish

31. Jan 2012, 15:31

Oha... tu mir das nicht an... *heul*

Diese Seiten funktionieren ja auch
http://tandemfliegenchiemgau.de/team.html

Leider aber nur das Template, mir der Superfish-Navigation nicht... da muss es doch eine einfachere Lösung geben oder?

Wenn du dir diese Seite mal anschaust, dann soll genau da, wo jetzt der Befehl im Div is:
<?php print $navLeftCol; ?>

künftig die superfish-Navigation kommen.
Ist das so nicht durchführbar?

Dankeschön und Danke :D

Benutzeravatar
Oliver.Kreischer
Beiträge: 2508
Registriert: 17. Dez 2004, 00:03
Wohnort: Velbert - LA
Kontaktdaten: Website

Re: Navigation Superfish

31. Jan 2012, 15:48

Sorry, momentan komme ich nicht dazu. Vielleicht heute Abend...
> Friends Of REDAXO Gemeinsame REDAXO-Entwicklung!
> REDAXO Agenturen. Eintragen erwünscht!
> Komm in den Slack Channel Es lohnt sich!

super_fossi
Beiträge: 12
Registriert: 31. Jan 2012, 10:57

Re: Navigation Superfish

31. Jan 2012, 15:52

Vielen lieben Dank

Ingo
Beiträge: 782
Registriert: 24. Jun 2010, 00:34

Re: Navigation Superfish

31. Jan 2012, 23:07

Mach mal aus deinem:

Code: Alles auswählen

<meta http-equiv="content-type" content="text/html;" charset=utf-8" />
das hier:

Code: Alles auswählen

<meta charset=utf-8" />
Dein Problem hat mir Redaxo nix zu tun, du hast einfach keine Ahnung von HTML, CSS und JS :mrgreen:
Um so wichtiger ist es, dass du fehlerfreies Markup produzierst:

http://validator.w3.org/ <- überprüft dein HTML
http://jigsaw.w3.org/css-validator/ <- überprüft dein CSS

Wenn du deinen Kram aufgeräumt hast funktionierts auch im Firefox, jede Wette.

Benutzeravatar
Koala
Beiträge: 1612
Registriert: 3. Okt 2005, 13:20

Re: Navigation Superfish

31. Jan 2012, 23:34

Superfish und seine Tücken und mögliche Lösungen wurde schon in anderen Beiträgen diskutiert.
Verwende bitte die Suche des Forums.
<?php print $Footer; ?>

Sven

Ich würde ja die Welt verändern,
doch der Quellcode ist mir zu absurd!


REX 5 :: Tricks und Tipps
REX 5 :: Modulesammlung

Wiki zu Redaxo 3 und 4 (!nur noch im Webarchiv!)

super_fossi
Beiträge: 12
Registriert: 31. Jan 2012, 10:57

Re: Navigation Superfish

1. Feb 2012, 10:31

Danke für die Tipps,
dann mach ich mich nochmal an den Code ran.
Danke liebes Forum :)

super_fossi
Beiträge: 12
Registriert: 31. Jan 2012, 10:57

Re: Navigation Superfish

1. Feb 2012, 13:06

So, jetzt habe ich alles nochmal neu aufgebaut und es sollten keine Fehler mehr drin sein.
Zumindest die Tests haben dies ergeben.

Wie gehe ich jetzt mit der Einbidung von Superfish vor?
Template habe ich angelegt und alle Daten auf den Server gespeichert.

Wie und wo genau im Template binde ich jetzt die Navigation ein, damit diese links neben dem Logo im Header erscheint?

Code: Alles auswählen

REX_TEMPLATE[16]
<body id="page1">

   <!--Link für "Gutscheinbutton" an der rechten Bildschirmleiste-->
<a href="gutschein.html" class="gutschein"><img src="images/gutschein.png" alt="online Gutschein buchen"></a>

<!--Link für "Facebookbutton" an der rechten Bildschirmleiste-->
<a href="http://de-de.facebook.com/pages/Tandemfliegen-Chiemgau/193315117383827" target="blank" class="facebook"><img src="images/facebook.png" alt="Fan auf Facebook werden"></a>


	<!--==============================header=================================-->
    <header>
    	<div class="row-top">
        	<div class="main">
            	<div class="wrapper">
            	  <nav><img src="images/tandemfliegen-chiemgau_logo_de.png" width="250" height="41" alt="">
                      
                    </nav>
                </div>
            </div>
        </div>
        <div class="row-bot">
        	<div class="row-bot-bg">
            	<div class="main">
                	
<div class="slider-wrapper">
                        <div class="slider">
                            <ul class="items">
                                <li><img src="images/slider-img1.jpg" alt="" /></li>
                          <li>
                                    <img src="images/slider-img2.jpg" alt="" />                                </li>
                                <li>
                                    <img src="images/slider-img3.jpg" alt="" />                                </li>
                                <li>
                                    <img src="images/slider-img4.jpg" alt="" />                                </li>
                                <li>
                                    <img src="images/slider-img5.jpg" alt="" />                                </li>
                                <li>
                                    <img src="images/slider-img6.jpg" alt="" />                                </li>
                          </ul>
          </div>
                  </div>
                </div>
            </div>
        </div>
    </header>
    
	<!--==============================content================================-->
    <section id="content"><div class="ic"><div class="inner_copy">All <a href="http://www.magentothemesworld.com" title="Best Magento Templates">premium Magento themes</a> at magentothemesworld.com!</div></div>
        <div class="main">
            <div class="wrapper img-indent-bot"></div>
      <div class="wrapper">
            	<article class="column-1">
                	<div class="indent-left">
                        <div class="maxheight indent-bot">
                             <?php print $this->getArticle(1); ?> 
                        </div>
                        </div>
                </article>
                <article class="column-2">
                	<div class="maxheight indent-bot">
                        <?php print $this->getArticle(2); ?>
                    </div>
                    
                </article>
            </div>
        </div>
    </section>
    
	<!--==============================footer=================================-->
    <footer>
        <div class="main">
        	   	<article class="column-1">
                	<div class="indent-left">
                        <div class="maxheight indent-bot">
                        
                          REX_ARTICLE[23] 
                        
                            
                      </div>
                        </div>
                </article>
                <article class="column-2">
                	<div class="maxheight indent-bot">
                    
                      REX_ARTICLE[24]
                      
                	</div>
                </article>
        			</div>
</footer>
    <script type="text/javascript"> Cufon.now(); </script>
    <script type="text/javascript">
		$(window).load(function() {
			$('.slider')._TMS({
				duration:1000,
				easing:'easeOutQuint',
				preset:'slideDown',
				slideshow:7000,
				banners:false,
				pauseOnHover:true,
				pagination:true,
				pagNums:false
			});
		});
    </script>   
</body>
</html>

super_fossi
Beiträge: 12
Registriert: 31. Jan 2012, 10:57

Re: Navigation Superfish

1. Feb 2012, 14:33

ich habs geschafft!
Vielen Dank trotzdem für die Zeit, die Ihr euch genommen habt.
:-)

Zurück zu „Allgemeines [R4]“