+ Antworten
Ergebnis 1 bis 6 von 6

Thema: Dropdown Menü 1 Level nicht anzeigen

  1. #1
    Registriert seit
    28.06.2006
    Beiträge
    28

    Standard Dropdown Menü 1 Level nicht anzeigen

    Hallo zusammen

    Für einen Kunden benötige ich ein Dropdown Menü ala http://www.contrexxthemes.com/

    Ich habe das Menü von contrexxthemes kopiert. Es funktioniert auch wunderbar.

    Allerdings benötige ich die 1 Level Navi nicht.
    Die 2. Level Navi sollte allerdings die 1. sein und die 3. sollte als Dropdown der 2. angezeigt werden. ( Klingt zwar komisch, ist aber so )

    Könnt Ihr mir sagen, wie ich das machen soll?

    navibar.html
    Code:
    <!-- start navbar.html -->
    <!-- BEGIN navigation_dropdown -->
    <ul id="navmenu-h">
    <!-- BEGIN level_1 -->
    <li><a href="{URL}" class="hide_{STYLE}" title="{NAME}">{NAME}</a>
     
    {SUB_MENU}
     
    </li>
    <!-- END level_1 -->
    <!-- BEGIN level_2 -->
    <li><a href="{URL}" class="hide_{STYLE}" title="{NAME}">{NAME}</a></li>
    <!-- END level_2 -->
    </ul>
    <!-- END navigation_dropdown -->
    <!-- end navbar.html -->
    Gruss Raffi

  2. #2
    Registriert seit
    04.04.2005
    Ort
    Mels SG (Schweiz)
    Beiträge
    3.202

    Standard

    Hallo Raffi,

    Ohne es zu überprüfen: das hier klappt nicht?

    HTML-Code:
    <!-- start navbar.html -->
    <!-- BEGIN navigation_dropdown -->
    <ul id="navmenu-h">
    <!-- BEGIN level_2 -->
    <li><a href="{URL}" class="hide_{STYLE}" title="{NAME}">{NAME}</a>
     
    {SUB_MENU}
     
    </li>
    <!-- END level_2 -->
    <!-- BEGIN level_3 -->
    <li><a href="{URL}" class="hide_{STYLE}" title="{NAME}">{NAME}</a></li>
    <!-- END level_3 -->
    </ul>
    <!-- END navigation_dropdown -->
    <!-- end navbar.html -->
    Zumindest bei der normalen "navigation" sollte das klappen. Vielleicht also auch beim "navigation_dropdown".

  3. #3
    Registriert seit
    14.08.2008
    Ort
    Niederrhein
    Beiträge
    1.189

    Standard

    Ähm, bleibt noch anzumerken, dass vermutlich auch die Formatierung von level_1 auf level_2, bzw. von level_2 auf level_3 geschoben werden muss usw.
    Dann sieht das auch so aus wie vorher.
    denken erfordert die aktive Verwendung des Gehirns
    http://www.unser-zoohause.de || Tipp: Debuggen von Designs, Anleitung Themes

  4. #4
    Registriert seit
    28.06.2006
    Beiträge
    28

    Standard

    Hallo

    Vielen Dank für Eure Antworten.

    Leider funktioniert das nicht. Hier ein Auszug aus dem Quellcode:

    Code:
      	<div id="naviWrapper">
    		<div id="navi">
                    
    					<!-- start navbar.html -->
    <!-- BEGIN navigation_dropdown -->
    <ul id="navmenu-h">
     
    </ul>
    <!-- END navigation_dropdown -->
    <!-- end navbar.html -->
    				</div>
    	</div>
    Oder gibt es ein anderes horizontales Menü mit Dropdown, welches für dieses Unterfangen besser geeignet ist?

    Das Problem ist folgendes:

    Wir sind gerade an einer Internetseite für ein Reisebüro. Dort gibt es grundsätzlich die Auswahl zwischen Geschäftsreisen, Privatreisen und Messereisen.

    Diese Auswahl werden wir auf der Startseite mittels Bildern im Contentbereich vornehmen. Sobald einer dieser Bereiche ausgewählt ist, sollte das Submenü dieses Bereiches angezeigt werden.

    Wie soll ich dies am optimalsten lösen?

    Vielen Dank.
    Gruss Raffi

  5. #5
    Registriert seit
    04.04.2005
    Ort
    Mels SG (Schweiz)
    Beiträge
    3.202

    Standard

    Hallo Raffi,

    Kannst Du mir das Design mal per Mail als ZIP-Archiv schicken? Ich schau dann mal auf meiner Testumgebung, was sich machen lässt. :-)

    Danke & Gruss
    Thomas

  6. #6
    Registriert seit
    14.08.2008
    Ort
    Niederrhein
    Beiträge
    1.189

    Standard

    Diese Auswahl werden wir auf der Startseite mittels Bildern im Contentbereich vornehmen. Sobald einer dieser Bereiche ausgewählt ist, sollte das Submenü dieses Bereiches angezeigt werden.
    Das ist dann ja sozusagen "level_1". Das könnte man auch so lösen (mit der normalen Navigation" (Kurzform):
    Code:
    <!-- BEGIN navigation -->
    <ul>
    <!-- BEGIN level_1 -->
    <li><a href="[[URL]]" title="[[NAME]]"><img src="images/[[NAME]].jpg" /></a></li>
    <!-- END level_1 -->
    </ul>
    <!-- END navigation -->
    Jetzt musst du im Verzeichnis "images" - oder wo auch immer hin verwiesen wird - die Bilder nur noch entsprechend dem Menü-Eintrag benennen; z.B. "Geschaeftsreisen.jpg". Dann ist das Bild gleichzeitig der Link.

    Der Platzhalter [[NAVBAR_FILE]] müsste dann natürlich an der entsprechenden Stelle eingefügt werden.

    Etwas komfortabler wäre diese Lösung, auf die ich ein wenig stolz bin
    Geändert von weissnix (23.09.2009 um 23:14 Uhr)
    denken erfordert die aktive Verwendung des Gehirns
    http://www.unser-zoohause.de || Tipp: Debuggen von Designs, Anleitung Themes

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein