Bildnavigation

[elisacarolina]

Hallo Leute,

meine Frage wäre, wie ich das umsetzen muss, wenn ich eine Hauptnavigation habe und nur einen Menüpunkt (in dem fall Home) als Grafik darstellen möchte?
Es ist ein kleines Häusschen und soll auch die selben Zustände wie der Rest der Navigation bekommen.
Muss ich da extra nur für den einen Menüpunkt eine individuelle Navi anlegen oder geht es auch anders?

Ganz lieben Dank!

[µaTh]

der erste Menüpunkt bekommt die CSS-Klasse "first" mitgeliefert. somit kannst du speziell den ersten Menüpunkt gestalten wie du magst. Ebenso den letzten mit "last"

[elisacarolina]

Vielen Dank für die flotte Antwort
Ja das weiß ich das er die CSS Klasse hat... Das erklärt mir aber leider nicht wie ich statt dem Text ein Icon/Bild verwenden kann...

[Flex]

In dem du es als Hintergrundbild verwendest.

Ansonsten gibt es die Erweiterung [graphical_navigation], die dafür bereits fertige Felder zum Auswählen gibt...

[sevenbyte]

Das geht ganz einfach.
-> in der Seitenstruktur kannst du jeder Seite eine CSS Klasse geben.
-> Der jeweilige Menüpunkt erhält diese Klasse.
-> Dem Button per CSS eine feste Größe geben und als Hintergrund den Button zuweisen den du haben willst.
-> Den Text per text-indent aus dem sichtbaren Bereich verschieben.

Ich hoffe ich konnte helfen.

[elisacarolina]

Danke fpr die schnellen und wirklich hilfreichen Antworten

@Flex:
Die Erweiterung ist eigentlich genau das was ich suche, allerdings gibt es die bei mir im Erweiterungskatalog nicht...

@sevenbyte:
Super, es funktioniert soweit außer der Hover Zustand... der reagiert überhaupt nicht...

[sevenbyte]

Danke fpr die schnellen und wirklich hilfreichen Antworten

@Flex:
Die Erweiterung ist eigentlich genau das was ich suche, allerdings gibt es die bei mir im Erweiterungskatalog nicht...

Bitte.

Vielleicht in den Systemeinstellungen den Punkt "inkompatible Erweiterungen anzeigen" aktivieren.

Der Hoverzustand müsste eigentlich funktionieren. Du musst nur das Hintergrundbild austauschen.