Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

DIV im Haupmenü nach jedem Link hinzufügen

Eingetragen von Markus_Markus (5)
am 07.07.2011 - 15:10 Uhr in
  • Themes & Theming
  • Drupal 7.x oder neuer

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

‹ variablen zwischen page und node Website Hintergrund Bilder wo am besten ablegen? ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Sicher, daß Du nicht mit den

Eingetragen von Thoor (3678)
am 07.07.2011 - 15: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!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Vielleicht habe ich die Frage

Eingetragen von Markus_Markus (5)
am 07.07.2011 - 15: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/

  • Anmelden oder Registrieren um Kommentare zu schreiben

Also doch wieder mal

Eingetragen von Thoor (3678)
am 07.07.2011 - 16: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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ja, nur dass ich mit CSS

Eingetragen von Markus_Markus (5)
am 07.07.2011 - 16: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!!!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Markus_Markus schrieb ... die

Eingetragen von Thoor (3678)
am 07.07.2011 - 16:41 Uhr
Markus_Markus schrieb

... 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.!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ok, vielen Dank!!! Das werde

Eingetragen von Markus_Markus (5)
am 07.07.2011 - 16:54 Uhr

Ok, vielen Dank!!! Das werde ich jetzt mal probieren...

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ok, vielen Dank!!! Das werde

Eingetragen von Markus_Markus (5)
am 07.07.2011 - 16:54 Uhr

Ok, vielen Dank!!! Das werde ich jetzt mal probieren...

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
  • (gelöst)Drupal 11 installieren
  • Titel ausblenden
  • Ich brauche dringen Hilfe zu Updates oder ggf. wwie geht Composer?
  • Dynamische Ansicht von Seiteninhalt (als Tabelle?)
  • Vergabe von Berechtigungen für bestimmte Rollen; mir fehlt der Haken bzw. das „Veröffentlicht“
  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • Rolle erstellen nicht zu finden
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
Weiter

Neue Kommentare

  • Verwende doch das Tag dafür,
    vor 4 Tagen 20 Stunden
  • Guckst du hier: step by step
    vor 4 Tagen 9 Stunden
  • Guckst du hier: step by step
    vor 4 Tagen 9 Stunden
  • Ich habe ja keine Angst vor
    vor 1 Woche 6 Tagen
  • Ist grundsätzlichmachbar – aber nichts für „einfach mal schnell“
    vor 2 Wochen 2 Tagen
  • Vielen Dank erst einmal, aber
    vor 2 Wochen 3 Tagen
  • Du hast die "Trusted host
    vor 2 Wochen 4 Tagen
  • Bitte genauer den aktuellen Lösungs-Ansatz beschreiben
    vor 4 Wochen 3 Tagen
  • Git und rsync sind die wichtigsten Werkzeuge
    vor 4 Wochen 6 Tagen
  • Arrrrg. Nix Tabelle :-D /*
    vor 9 Wochen 1 Tag

Statistik

Beiträge im Forum: 250284
Registrierte User: 20498

Neue User:

  • Inga GuAph
  • Robertolix
  • DavidBit

» Alle User anzeigen

User nach Punkten sortiert:
wla9464
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 16 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association