Textmenüpunkte mit Grafik hinter den Punkten

Das folgende Beispiel zeigt, wie man bei einem TMENU die einzelnen Punkte in Kleinschrift darstellen und bei einem Mouseover eine Grafik hinter den einzelnen Punkten anzeigen kann.

TypoScript: Grafik in Textmenü

SETUP

temp.grafik_in_tmenu = HMENU
temp.grafik_in_tmenu {
    entryLevel = 0
    1 = TMENU
    1 {
        noBlur = 1
        expAll = 1
        NO {
            # Bilder sind im Verzeichnis 'fileadmin/img/' gespeichert
            afterImg = fileadmin/img/menu-off.jpg
            # Kleinschreibung zuweisen
            stdWrap.case = lower
            afterWrap = &nbsp; |
            allWrap = <div class="menu-no">|</div>
            RO = 1
            # Bilder sind im Verzeichnis 'fileadmin/img/' gespeichert
            afterROImg = fileadmin/img/menu-on.jpg
        }
        ACT < .NO
        ACT = 1
        ACT {
            # aktiven Menüpunkt hervorheben
            allWrap = <div class="menu-act">|</div>
        }
    }
}

Die Pfade zu den Menügrafiken müssen nur noch entsprechend der Verzeichnisstruktur Ihres TYPO3-Systems angepasst werden.

Seiten, die Sie auch interessieren könnten:

Was bedeutet DAM - Digital Asset Management? — Definition der TYPO3-Erweiterung DAM (Digital Asset Management).

Auswahlliste mit Liste von Unterseiten — Mit diesem TypoScript kann man ein Menü aus Unterseiten in einer Auswahlliste (drop down box) erstellen.

Kein Wrap um leeren Spalteninhalt — Mit diesem TypoScript kann man eine Spalte nur dann anzeigen, wenn sie nicht leer ist.

Kommentare zu Textmenüpunkte mit Grafik hinter den Punkten

Kommentar abgeben

In: TypoScript Grafik | TypoScript Menüfunktion