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 =   |
            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.

Besucher fanden diese Seite unter folgenden Suchbegriffen:

typo3 tmenu mit grafik · typo3 tmenu grafik · typo3 tmenu mit hintergrundbild · typo3 menu aktiven link hervorheben · typo3 tmenu