Secondary Links horizontales Menü anzeigen
Eingetragen von shibuyacity (18)am 08.12.2007 - 12:24 Uhr in
Ich stehe gerade etwas auf dem Schlauch. Im Zen Theme habe ich meine Secondary Links im Footer ausgegeben. Sie werden dort allerdings als Liste dargestellt mit diesen Kreisen davor.
Nun probiere ich schon eine Weile rum, wie ich diese "ul" "li" Formatierung umgehen kann.
Vielleicht kann mir eben jemand einen Tipp geben, an welcher Stelle ich etwas verändern muss, dass sie in einer Zeile und nicht untereinander in einer Liste dargestellt werden.
Außerdem möchte ich statt der Kreise, die vor einem Menüpunkt stehen, die Menüpunkte mit " | " trennen. Was muss ich dazu tun?
Danke und Grüße
- Anmelden oder Registrieren um Kommentare zu schreiben
#block-menu-93 li {display:
am 08.12.2007 - 12:53 Uhr
#block-menu-93 li {display: inline;
border-right: 1px solid #000;
padding: 0px 10px;
}
Das fügst du in deine zen.css ein. Bei "block-menu-93" ersetzt du die "93" mit deinem Menü.
Woher weiß ich, wie dieses
am 08.12.2007 - 13:15 Uhr
Woher weiß ich, wie dieses Menü heißt? Nicht dass ich eine Formatierung für alle Menü-Listen vornehme.
Oder muss ich den Namen des Menüs noch irgendwo definieren??
Unter "admin/build/menu",
am 08.12.2007 - 13:57 Uhr
Unter "admin/build/menu", wenn du auf ein Menü bearbeiten gehst, dann steht die Nummer in der URL. Mit dem Firefox Add-on Firebug kann man gut Klassen und IDs rausbekommen.
Danke, hat gut geklappt!
am 08.12.2007 - 18:09 Uhr
Danke, hat gut geklappt!
Ein klitzekleines Problem
am 08.12.2007 - 19:32 Uhr
Ein klitzekleines Problem wäre da noch. Wenn ich die Trennung der Menüpunkte mit dem " | " mittels border-right löse, dann wird auch noch beim letzten Menüpunkt rechts dieser Strich angezeigt, was ich natürlich nciht möchte. Kann man diesen letzten Menüpunkt also irgendwie individuell behandeln oder gibt es überhaupt eine Methode, die " | " manuell einzufügen?
Mit einer reinen CSS Loesung
am 08.12.2007 - 20:06 Uhr
Mit einer reinen CSS Loesung fuer den Link Separator kommst Du nicht zum Ziel. Denn:
" | " mittels border-right -> nach letztem Menuepkt. ein "|"
" | " mittels border-left -> vor erstem Menuepkt. ein "|"
Allgemein kommt man mit der function theme_menu_links($links) an die Secondary Links ran. Aber:
Returns the themed HTML for primary and secondary links. Note that this function is overridden by most core themes because those themes display links in "link | link" format, not from a list. Also note that by default links rendered with this function are displayed with the same CSS as is used for the local tasks. If a theme wishes to render links from a ul it is expected that the theme will provide suitable CSS.
Es kommt nun darauf an welches Theme Du verwendest. Eventuell hat das Theme da schon was vorbereitet und man muss nur noch seinen eigenen Separator einfuegen.
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
Da geht noch was.
Auch wenn der Thread schon
am 26.08.2008 - 16:06 Uhr
Auch wenn der Thread schon etwas älter ist, kann man zumindest im Zen-Template folgenden Eintrag in der layout.css anfügen
#block-menu-secondary-links li.leaf.last { border:none;}und schon wird beim letzten Eintrag im Secondary Menu kein Trennzeichen mehr angefügt.