DIV im Haupmenü nach jedem Link hinzufügen
Eingetragen von Markus_Markus (5)
am 07.07.2011 - 14:10 Uhr in
am 07.07.2011 - 14:10 Uhr in
Hallo zusammen!
Ich habe eine Frage: ich will bei meinem Hauptmenü vor und nach jedem <li>
ein <div>
hinzufügen. Wo kann ich das machen? Hat jemand vielleicht sogar einen Beispielcode für mich??
Vielen Dank schon mal!
Markus
<ul id="main-menu-links" class="links clearfix">
<li class="menu-217 active"><a href="/" title="" class="active">Seite 1</a></li>
<li class="menu-350 "><a href="/" title="" class="">Seite 2</a></li>
<li class="menu-351 "><a href="/" title="" class="">Seite 3</a></li>
</ul
- Anmelden oder Registrieren um Kommentare zu schreiben
Sicher, daß Du nicht mit den
am 07.07.2011 - 14:41 Uhr
Sicher, daß Du nicht mit den vorhandenen Klassen auskommst?
Hier gibts ne Menge Snippets für Menus in Drupal ... http://drupal.org/node/224825 - Achte aber auf die Versionen!
Drupal 7 Screencasts in deutsch!
Vielleicht habe ich die Frage
am 07.07.2011 - 14:55 Uhr
Vielleicht habe ich die Frage auch zu voreilig gestellt... Ich möchte im Haupmenü jeweils beim aktiven Menüpunkt links, rechts und unten ein Bild hinzufügen.
Zusammen ist das dann ein Rahmen mit abgerundeten Ecken. Hast du da eine Idee wie ich das machen könnte? Die CSS-Anweisung border-left-image, border-right-image und border-bottom-image funktioniert leider nicht :(
Ich möchte quasi folgendes beim aktiven
<li>
erreichen:http://www.css3.info/preview/border-image/
Also doch wieder mal
am 07.07.2011 - 15:19 Uhr
Also doch wieder mal css.
Also ich bastel meine runden Ecken mittels z.B:
border: 1px solid #808080;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
Das könnte dann so aussehen, wie bei den Tabs hier: http://www.steeldart.org/dartforum/dartsport/diskussionen
Das können dann meist alle Browser bis auf den IE. Bei dem bleibt es eben eckig. Es gibt aber gerade für runde Ecken tausende Nachschlagewerke und Wege. die zum Ziel führen. Da musst Du nur mal Google mit "css rounded corners" bemühen.
Drupal 7 Screencasts in deutsch!
Ja, nur dass ich mit CSS
am 07.07.2011 - 15:27 Uhr
Ja, nur dass ich mit CSS nicht weiter komme :( die runden Ecken sollen bei mir aber unbedingt als Grafik sein. Gibt es da eine Möglichkeit??
P.S.: vielen Dank schon mal für deine Antwort!!!
Markus_Markus schrieb ... die
am 07.07.2011 - 15:41 Uhr
... die runden Ecken sollen bei mir aber unbedingt als Grafik sein. Gibt es da eine Möglichkeit??
Entweder schaffst Du es mit den vorhandenen Klassen und den Anweisungen "background" und "background-image" ... oder Du siehst die erwähnten Snippets durch, um mittels Theming in der template.php Deines Themes den Menu-Output mit neuen Klassen zu versehen und dann deine CSS-Wunschlösung einzusetzen.
Aber eigentlich sollte es auch mit "li.active & li.active a" und zwei Bildern möglich sein, runde Ecken hinzubekommen. Musst halt Background-Bilder mit den oben- und unten-Ecken einsetzen.!
Drupal 7 Screencasts in deutsch!
Ok, vielen Dank!!! Das werde
am 07.07.2011 - 15:54 Uhr
Ok, vielen Dank!!! Das werde ich jetzt mal probieren...
Ok, vielen Dank!!! Das werde
am 07.07.2011 - 15:54 Uhr
Ok, vielen Dank!!! Das werde ich jetzt mal probieren...