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.

Kommentare zu Textmenüpunkte mit Grafik hinter den Punkten

Gib jetzt den ersten Kommentar zu diesem Artikel ab!

Besucher fanden diese Seite unter folgenden Suchbegriffen:

typo3 img menu · typo3 afterimg · typoscript tmenu link um text und bild · typoscript linkwrap um text und bild · typoscript datawrap case lower