T3tipps

TYPO3 Tipps und Tricks gesammelt

Wechseln zu: Inhalt | Sidebar | Footer

Grafisches Menü aus drei Einzelgrafiken erstellen

15 Juli, 2010 (11:19) | HowTo | By: Robert Wenk

Das folgende TYPO3 Schnipsel erzeugt ein horizontales grafisches Menü mit beschrifteten Buttons. Jeder Button wird dabei aus drei Einzelgrafiken zusammengesetzt.

Der letzte Button im Menü erhält per OptionSplit einen abweichenden rechten Rand.

Das TYPO3 Skript ist eigentlich Standard, der interessante Teil ist, dass TYPO3 automatisch Buttons zusammenfügt, wenn diese aus den Elementen 4,5 und 6 kommen. Dabei ist 4 immer der mittlere Teil, 5 der linke und 6 der rechte Teil des resultierenden Buttons.

Anschließend werden die Buttons noch mit den Menütexten beschriftet.

Hier der Codeschnipsel:

temp.menu_1 = HMENU
temp.menu_1.entryLevel = 1
temp.menu_1.1 = GMENU
temp.menu_1.1.NO {  
 XY = [10.w]+14,16
 backColor = #eff7f5

 4 = IMAGE
 4.file = media/buttons/subnavi-middle.gif
 4.tile = 10  

 5 = IMAGE
 5.file = media/buttons/links-leer.gif

 6 = IMAGE
 6.file = media/buttons/rechts-balken.gif |*| media/buttons/rechts-balken.gif |*| media/buttons/rechts-leer.gif
 6.align = r

 10 = TEXT
 10.text.field = title
 10.text.case = upper
 10.offset = 0,11
 10.align = center
 10.fontFile = media/fonts/bnkgothm.ttf
 10.fontColor = #222222
 10.fontSize = 11
}

Kommentar schreiben