Dropdown-Menü
Eingetragen von Axel75 (35)
am 05.03.2008 - 01:05 Uhr in
am 05.03.2008 - 01:05 Uhr in
Hallo, ich möchte eine Dropdown-Menü wie bei der folgenden Seite aufbauen:
http://deluxe-menu.com/features-info.html
Wenn man mit der Maus auf den Menupunkt in der Navigationsleiste fährt öffnet sich ein weiteres Menufeld mit Unterseiten. Wie kann man das realisieren?
Habe jetzt erstmal das Modul Nice Menus installiert.
http://drupal.org/project/nice_menus
Kann mir jemand erklären wie ich das jetzt so hinkriege, dass ich mit Hilfe von Nice Menus eine Drop Down Navigation in die bestehende horizontale Menuleiste einbauen kann? Ich kriege es nur für die Seitennavigation hin...
- Anmelden oder Registrieren um Kommentare zu schreiben
Irgendwie schein nice menus
am 05.03.2008 - 06:47 Uhr
Irgendwie schein nice menus nur je nach Template nur beschränkt einsetzbar zu sein. Jedenfalls kann ich nur für die linke Sidebar (rechte hat das Template keine) ein Menu generieren zu können. Was ich jedoch brauche ist ein Dropdown-Menu für das horizontale Menu, welches sich gleich unter dem Header befindet.
Für den Fall, dass dies mit niche menus nicht geht (wenn es doch gehen sollte wäre ich für Tipp dankbar, habe nämlich keinen Schimmer wie das gehen soll) habe ich mir überlegt, wie ich das Problem sonst lösen könnte.
Habe diesbezüglich einmal ein Test-Menu ohne Verbindung zu Drupal implementiert:
Und zwar habe ich in die "page.tpl.php" folgenden code eingebaut:
div id="menuebox"
div id="menue"
div class="aussen"
span class="menutag">Produkte
a class="innen-1" href="#">Systeme
a class="innen" href="#">Speicher
a class="innen" href="#">Laufwerke
a class="innen" href="#">Monitore
a class="innen" href="#">Drucker
a class="innen" href="#">Zubehör
/div>
div class="aussen">
span class="menutag">Leistungen
a class="innen-1" href="#">NetzwerkeServerWartung
div class="aussen">
span class="menutag">Service
a class="innen-1" href="#">ReparaturKonfigurationSoftwareSchulung
a class="innen-1" href="#">About UsPartner
a class="innen" href="#">Referenzen
/div>
/div>
Ich bin richtig stolz auf
am 06.03.2008 - 07:00 Uhr
Ich bin richtig stolz auf mich, dass ich das Problem alleine lösen konnte. Es war weder das Modul "nice menus" nötig noch sonst ein Modul. Habe zwar nice menus installiert aber damit konnte ich nur Dropdown-Menüs in Blöcken generieren und da die horizontalen Menüs keine Blöcke sind, konnte ich es nicht nutzen.
Danach habe ich versucht CSS-Dropdown-Menüs zu kreieren. Wenn man googelt findet man eine Menge Code. Es ist mir sogar gelungen, ich hatte dann allerdings Probleme beim Einbau in Drupal.
Letztendlich habe ich ein Drupaltheme gefunden, dass ein Dropdown-Menü hat. Es ist das "garland_dropmenu". Dieses Theme habe ich heruntergeladen und anschliessend die Codes angeschaut. Danach konnte ich diese Codes in meinen golden_hour Theme-Umbau einbauen und es funktioniert....lol. Es gibt in Bezug auf das CSS noch ein paar Formatierungs- und Designproblemchen (bin mit dem Design noch nicht zufrieden) und ich habe im CSS noch doppelten Code, den ich herausfiltern und löschen muss aber ansonsten hat das Theme den Browsertest via IE und Firefox problemlos bestanden.
Aktueller Stand meines golden_hours Theme-Umbaus:
http://www.stamptrader.ch/drupal/
Wo ich noch Hilfe gebrauchen könnte:
border-left:1px solid #306EA9;
border-right:1px solid #306EA9;
border-top:1px solid #306EA9;
border-bottom:1px solid #306EA9;
Obwohl ich "border-bottom" definiert habe wird der im Dropdown-Menü nicht angezeigt...woran könnte das liegen?
Hallo Axel75,
am 06.03.2008 - 10:04 Uhr
Hallo Axel75,
ich würde den Border an Deiner Stelle hier definieren
#secondary li li
Somit bekommst Du auch Deinen "border-bottom"
Grüsse,
Tom
Danke für den Tipp, jetzt
am 08.03.2008 - 17:36 Uhr
Danke für den Tipp, jetzt wird es wenigstens im IE korrekt angezeigt. Bei Firefox fehlt die bottom line nach wie vor, nehme an, dass dies am Code liegt.