Grafisches Menü mittels GMENU erstellen

Typo3 bietet auch die Möglichkeit an, ein Menuobjekt nicht nur als Text auszugeben, sondern auch als grafischen Bildlink. Folgendes Typoscript zeigt ganz einfach wie das geht.

# HMENU für hierarchisches Menu
page.10 = HMENU
page.10 {
    # Erste Ebene als Grafikmenü
    wrap = <div style="clear:both;margin:5px;border:1px solid #000000; background:#999999;height:50px;">|</div>
    1 = GMENU
    1 {
        # Ebene 1 als Liste

        # Normalzustand
        NO = 1
        NO {
            # ab hier GIFBUILDER Eigenschaften
            wrap = <div style="float:left; margin:5px;border:1px solid #000000; ">|</div>
            XY = 100,40
            backColor = |*| #336699 || #CCCCCC || #FF0000 |*|
            10 = TEXT
            10 {
                text.field = title
                offset =0,28
                fontSize = 17
                align = center
                fontColor = #FFFFFF
        # hier bitte die gewünschte Schriftart bereit halten
                fontFile = fileadmin/material/schriften/LITHOGRB.TTF
            }
        }

        # Aktivzustand
        ACT = 1
        ACT < .NO
        ACT {
            backColor = #927549
            10.fontColor = #FFFF00
            10.fontSize = 19
        }
        
        # Aktivzustand
        RO = 1
        RO < .NO
        RO.backColor = #037625
        RO
        RO.10.fontColor = #FFFFFF
        RO.10.fontSize = 22
    }
}