Navigationstemplate mit Bildern erstellen

**bambooch88** · 10.07.2013, 19:08

Hallo,

ich erstelle gerade zum ersten Mal mit Contao eine komplette Seite.
Vorher habe ich zwar schon mit dem System gearbeitet, aber noch nie selbst ein Template erstellt.

Jetzt soll ich für meinen Chef eine Seite erstellen und bin teilweise sehr ratlos!
Mein Hauptproblem ist meine Navigation. Ich hatte sie mir so schön ausgemalt in meinem Screendesign:header_navigation-Kopie-.png

Es geht um den unteren Bereich:
5 Punkte, die jeweils auch einen Hover-Effekt (Bildwechsel) haben sollen!
Wenn man drüber fährt sollen sie Bilder in bunt erscheinen....aber das speichert man ja dann mit Bildern ab!

Kann mir irgendjemand helfen?

Danke

**ciaobello** · 10.07.2013, 19:20

Willkommen im Forum!

Unter den Seiteneinstellungen gibt es eine Berieich der sich "Experten Einstellung" nennt. Da kannst Du den fünf verschiedenen Seiten eine Klasse zuordnen. Die Klasse wird sowohl in der Navigation als auch im <body>-Tag verwendet.

Den rest machst Du dann wohl mit CSS.

**tomsky** · 10.07.2013, 19:53

Schau mal hier:

https://contao.org/de/extension-list...magehover.html

https://community.contao.org/de/show...useover-Effekt

gruß
tomsky

**bambooch88** · 10.07.2013, 21:59

Vielen Dank schon mal für die tipps.
Mir geht es aber eher darum wie ich das ganze als Hauptnavigation erstellen kann....?!
da jemand eine idee?

**Spooky** · 11.07.2013, 09:06

Style die Navigation einfach ganz normal mit CSS... Die Graustufen Bilder definierst du dann jeweils als background-image für die einzelnen Menüpunkte (inkl. richtiger background-position, padding und size etc.). Und im CSS style für :hover ersetzt du das background-image dann mit der farbigen Version.