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 - 14: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 - 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!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Vielleicht habe ich die Frage

Eingetragen von Markus_Markus (5)
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/

  • Anmelden oder Registrieren um Kommentare zu schreiben

Also doch wieder mal

Eingetragen von Thoor (3678)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ja, nur dass ich mit CSS

Eingetragen von Markus_Markus (5)
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!!!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Markus_Markus schrieb ... die

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

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 1 Woche 3 Tagen
  • Hey danke
    vor 1 Woche 3 Tagen
  • Update: jetzt gibt's ein
    vor 1 Woche 4 Tagen
  • Hallo, im Prinzip habe ich
    vor 2 Wochen 1 Tag
  • Da scheint die Terminologie
    vor 2 Wochen 2 Tagen
  • Kannst doch auch alles direkt
    vor 2 Wochen 6 Tagen
  • In der entsprechenden View
    vor 2 Wochen 6 Tagen
  • Dazu müsstest Du vermutlich
    vor 2 Wochen 6 Tagen
  • gelöst
    vor 5 Wochen 2 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 5 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20450

Neue User:

  • Mroppoofpaync
  • 4aficiona2
  • AppBuilder

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 25 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