2 Zeilen Menü (nicht Dropdown) in Drupal 7
Eingetragen von interkomm (87)am 08.12.2011 - 16:04 Uhr in
Ich möchte unter Drupal 7 ein Menü einrichten, dass aus 2 Zeilen besteht. In der ersten Zeile sollen die Hauptlinks angezeigt werden und in der zweiten Zeile die jeweiligen Unterlinks. Die Dropdown-Funktion habe ich deaktiviert.
Bei Drupal 6 habe ich unter den Menüeinstellungen einfach sowohl für Primär- als auch Sekundärlinks das Hauptmenü als Quelle angegeben und es wurde entsprechend angezeigt, bei Drupal7 will das nicht so recht gelingen.
Hat irgendwer eine Idee wie ich das umsetzen kann?
Dank im Voraus
- Anmelden oder Registrieren um Kommentare zu schreiben
Meinst du das ungefähr so ?
am 08.12.2011 - 19:13 Uhr
Meinst du das ungefähr so ?
Exakt so!
am 08.12.2011 - 20:41 Uhr
Exakt so!
ich habe das gerade mit dem
am 09.12.2011 - 00:30 Uhr
ich habe das gerade mit dem Nice-Menu gemacht.
Es wird sicherlich in Kürze auch noch ein Video von mir dazu geben.
Ich kann dir schon soviel verraten:
Du must von dieser Struktur des Menüs (vier Menüpunkte, wobei der Menüpunkt "Punkt 2" fünf Untermenüpunkte enthält)
wie das Nice Menu es normalerweise darstellt (das PHP davor habe ich nur geschrieben, weil die Sachen dann eingerückt bleiben, das hat nichts zu bedeuten)
<?php
<ul class="nice-menu nice-menu-down" id="nice-menu-1">
<li class="menu-230 menu-path-front first odd ">
<a href="/virtuell/t13/" title="" class="active">Home</a>
</li>
<li class="menu-368 menu-path-node-10 even ">
<a href="/virtuell/t13/?q=node/10" title="">Punkt 1</a>
</li>
<li class="menu-369 menuparent menu-path-node-20 odd ">
<a href="/virtuell/t13/?q=node/20" title="">Punkt 2</a>
<ul>
<li class="menu-371 menu-path-node-21 first odd ">
<a href="/virtuell/t13/?q=node/21" title="">Punkt 2.1</a>
</li>
<li class="menu-372 menu-path-node-22 even ">
<a href="/virtuell/t13/?q=node/22" title="">Punkt 2.2</a>
</li>
<li class="menu-373 menu-path-node-23 odd ">
<a href="/virtuell/t13/?q=node/23" title="">Punkt 2.3</a>
</li>
<li class="menu-374 menu-path-node-24 even ">
<a href="/virtuell/t13/?q=node/24" title="">Punkt 2.4</a>
</li>
<li class="menu-375 menu-path-node-25 odd last ">
<a href="/virtuell/t13/?q=node/25" title="">Punkt 2.5</a>
</li>
</ul>
</li>
<li class="menu-370 menu-path-node-30 even last ">
<a href="/virtuell/t13/?q=node/30" title="">Punkt 3</a>
</li>
</ul>
?>
zu dieser Struktur kommen (dieselben Menüpunkte, nur die Struktur hat sich ein bißchen verändert) (auch hier ist der php-Tag fehl am Platze, liest sich dann aber besser
<?php<ul class="nice-menu nice-menu-down" id="nice-menu-1">
<li class="menu-230 menu-path-front first odd ">
<a href="/virtuell/t13/" title="" class="active">Home</a>
</li>
<li class="menu-368 menu-path-node-10 even ">
<a href="/virtuell/t13/?q=node/10" title="">Punkt 1</a>
</li>
<li class="menu-369 menuparent menu-path-node-20 odd ">
<a href="/virtuell/t13/?q=node/20" title="">Punkt 2</a>
<span>
<a href="/virtuell/t13/?q=node/21" title="">Punkt 2.1</a>
<a href="/virtuell/t13/?q=node/22" title="">Punkt 2.2</a>
<a href="/virtuell/t13/?q=node/23" title="">Punkt 2.3</a>
<a href="/virtuell/t13/?q=node/24" title="">Punkt 2.4</a>
<a href="/virtuell/t13/?q=node/25" title="">Punkt 2.5</a>
</span>
</li>
<li class="menu-370 menu-path-node-30 even last ">
<a href="/virtuell/t13/?q=node/30" title="">Punkt 3</a></li>
</ul>
<
?>
Die beiden Strukturen sind nicht so unterschiedlich, du muß nur mal genau hinschauen.
Über die Funktion: function themename_nice_menus_build($variables)
in der template.php überschrieben kannst du das erreichen
Dann noch mal mit CSS formatieren und fertig ist die Laube.
Wie gesagt, es wird wohl noch ein Video dazu von mir geben, wo ich das genau erläutere, aber im Moment kommen ich nicht dazu.
lieben Gruß
Berthold
Evtl, reicht auch das Modul
am 09.12.2011 - 10:39 Uhr
Evtl. reicht auch das Modul [do:dynamic_persistent_menu].
Beste Grüße
Werner
Hallo Werner,ich habe das
am 09.12.2011 - 13:33 Uhr
Hallo Werner,
ich habe das Modul dynamic-persistent_menu auch getestet und das liefert die folgende Struktur in HTML
(wieder diese 4 Menüpunkte, wobei der Menüpunkt "Punkt 2" 5 Untermenüpunkte enthält, also genau dasselbe wie oben)
<?php
<ul id="dynamic-persistent-menu-1" style="display:block" class="dynamic-persistent-menu-menu">
<li class=" dynamic-persistent-menu-menu-item first" id="dynamic-persistent-menu-menu230">
<a href="/virtuell/t13/" title="" class="active active">Home</a>
</li>
<li class=" dynamic-persistent-menu-menu-item " id="dynamic-persistent-menu-menu368">
<a href="/virtuell/t13/?q=node/10" title="">Punkt 1</a>
</li>
<li class=" dynamic-persistent-menu-menu-item " id="dynamic-persistent-menu-menu369">
<a href="/virtuell/t13/?q=node/20" title="">Punkt 2</a>
</li>
<li class=" dynamic-persistent-menu-menu-item last" id="dynamic-persistent-menu-menu370">
<a href="/virtuell/t13/?q=node/30" title="">Punkt 3</a>
</li>
</ul>
<ul class="dynamic-persistent-menu-sub-menu" id="dynamic-persistent-menu-sub-menu369" style="display:none">
<li class=" dynamic-persistent-menu-sub-menu-item first" id="dynamic-persistent-menu-sub-menu-item371">
<a href="/virtuell/t13/?q=node/21" title="">Punkt 2.1</a>
</li>
<li class=" dynamic-persistent-menu-sub-menu-item " id="dynamic-persistent-menu-sub-menu-item372">
<a href="/virtuell/t13/?q=node/22" title="">Punkt 2.2</a>
</li>
<li class=" dynamic-persistent-menu-sub-menu-item " id="dynamic-persistent-menu-sub-menu-item373">
<a href="/virtuell/t13/?q=node/23" title="">Punkt 2.3</a>
</li>
<li class=" dynamic-persistent-menu-sub-menu-item " id="dynamic-persistent-menu-sub-menu-item374">
<a href="/virtuell/t13/?q=node/24" title="">Punkt 2.4</a>
</li>
<li class=" dynamic-persistent-menu-sub-menu-item last" id="dynamic-persistent-menu-sub-menu-item375">
<a href="/virtuell/t13/?q=node/25" title="">Punkt 2.5</a>
</li>
</ul>
?>
aus meiner Sicht fehlt hier ganz klar die Verbindung zwischen dem Menüpunkt "Punkt 2" und seinen Unterpunkten.
Ich bin mir nicht sicher, dass man das mit CSS richtig formatieren kann.
lieben Gruß
Berthold (liebt Menüs, am meisten auf dem Teller)