12.16 Ein Grafikmenü mit Effekten und Erweiterungen erzeugen

Problem

Sie wollen ein erweitertes grafikbasiertes Menü mit semantisch korrektem HTML-Code erzeugen.

Dabei möchten Sie mit einer Hintergrundgrafik arbeiten, die sich über das gesamte Menü erstrecken soll und nicht nur über einzelne Einträge. Außerdem sollen sich die Dimensionen des Menüs und der einzelnen Elemente sowohl an der Länge des längsten als auch an der Höhe des höchsten Elements orientieren. Zusätzlich wollen Sie für alle verwendeten Zustände entsprechende RollOver-Grafiken erzeugen, die eine andere Schriftfarbe und anstatt des Hintergrundbilds einen durchgehenden Farbton erhalten sollen.

TypoScript-Code

Umbrochene Zeilen ohne Einrückung müssen in eine Zeile geschrieben werden!