Menüeinträge mit einem Bild darstellen
Eingetragen von Anonymous (0)am 12.02.2007 - 13:24 Uhr in
Hallo,
ich möchte mir ein eigenes Theme erstellen und dabei bei den Mainmenu Einträgen ein Bild "herumzeichnen". Das allein geht schon mal nicht wirklich, da sich das ganze entweder laufend wiederholt (repeat) oder nur beim ersten Menüeintrag das Bild anzeigt (no-repeat).
Das Bild hätte ich aber gerne auch nach etwas außerhalb gehend. dh ein bisschen weiter nach Links als das eigentliche Menü.
und ...
wenn ich das Menü an den Ecken abgerundet haben will, braucht man ja eine Bilddatei... allerdings überlagert die Hintergrundfarbe den transparenten Hintergrund der Bilddatei...
ich hoffe ich habe nicht zu verwirrend geschrieben, und bitte um helfende Antworten ;)
Sollten Fragen aufgetreten sein, schreibt mir bitte ein Email.
Danke im vorraus,
Dani
- Anmelden oder Registrieren um Kommentare zu schreiben
Mit CSS
am 12.02.2007 - 14:15 Uhr
Mit CSS geht das alles.
Die CSS Eigenschaft repeat hat natürlich nichts mit mehreren Menüeinträgen zu tun.
Sie definiert, ob eine Background-Image innerhalb des Element wiederholt wird.
D.h. du musst für jeden Menüeintrag ein Backgroundbild angeben.
Drupal generiert für Menüs allerdings meistens Listenelemente. Deshalb kannst du das mit einer Stylesheet Angabe erreichen. Kommt auf die Klassen oder ID's deines Menüs an.
Hier im DrupalCenter könnte man z.B. folgendes schreiben
li.leaf, li.collapsed {background: url(pfad_zum_bild)-10px 0 no-repeat;
}
</li>
Der Wert -10px beantwortet deine zweite Frage: wie du das Bild etwas ausserhalb positionierst.
md - drupalcenter
http://drupal.mdwp.de
vCard herunterladen
Danke
am 19.02.2007 - 09:29 Uhr
Hallo,
danke für deine Antwort, das hat mir schon mal sehr geholfen...
jedoch funktioniert das mit den -10px nicht "wirklich"... das Bild wird dann zwar nach links verschoben,
allerdings auch abgeschnitten. Das Bild soll dann außerhalb weitergehen und nur bei den Hauptmenuepunkten erscheinen.
Kann ich auch für jeden Menüpunkt ein eigenes Bild nehmen, quasi statisch (im Theme) festlegen?
Bitte um Hilfe,
lg Dani
Padding
am 19.02.2007 - 12:07 Uhr
Das war von mir auch nicht der richtige Tipp zur Lösung deines Problems.
Du kannst aber dem Text des Menüs Abstand an der linken Seite geben.
padding-left: 10px
Zur Beantwortung deiner zweiten Frage müsste ich wissen, welche Drupal Version du hast.
4.7 oder 5?
md - drupalcenter
http://mdwp.de :: http://drupal.mdwp.de
vCard herunterladen
Version
am 19.02.2007 - 19:34 Uhr
Im Moment habe ich 4.7, ich plane aber in den nächsten Tag (da Ferien) auf 5 umzusteigen.