Vertikales grafisches Menu (GMENU)

Submitting your vote...
Rating: 5.0 of 5. 2 vote(s).
Click the rating bar to rate this item.

Dieses Snippet ist ein Beispiel für ein vertikales GMENU. Hier wird ein vertikales grafisches Menü mit Hintergrund Grafik erstellt. Beim Rollover werden das Hintergrundbild und die Schriftfarbe ausgetauscht.

 

temp.gmenu = HMENU
temp.gmenu.1 = GMENU
temp.gmenu.1 {
  NO {
    wrap = <div>|</div>
    XY =100,32
    5 = IMAGE
    5.file = fileadmin/samples/button.gif
    10 = TEXT
    10.niceText=1
    10.text.field = title
    10.fontFile = fileadmin/fonts/Agent_Orange.ttf
    10.offset=6,20
  }
   
  RO < .NO - ERROR: Line 39: Object copied in this line "RO < .NO" would leave either the value or properties untouched in TypoScript Version 1. Please check that this is not a problem for you.
  RO = 1
  RO.10.fontColor = #FFFFFF
  RO.5.file = fileadmin/samples/button_act.gif
}

 

Und so siehts aus

 

Hier sind die beiden Grafiken, die als Hintergrund verwendet werden.

 

Normal:

TYPO3 GMENU Button normal

Rollover:

 

Die Font die in diesem GMENU verwendet wird kann von folgender Seite geladen werden. Übrings auf der Seite gibt es ca 6500 freie TTF Schriftarten.

http://www.webpagepublicity.com/free-fonts.html


Top 10 Updates

Transparente PNG's in IE5/6 ohne JavaScript geändert am  04-Okt-2008 12:28:14
Typoscript Eigenschaften mit stdWrap erweitern geändert am  13-Jun-2008 14:16:12
Anderes Feld für GMENU alt Text geändert am  13-Jun-2008 13:55:51
Lightbox ohne Extension einbinden geändert am  13-Jun-2008 13:46:21
Menü erstellen mit Daten aus anderen Tabellen als pages V2 geändert am  24-Mär-2008 13:02:25
Login geändert am  17-Mär-2008 12:18:29
Forum geändert am  17-Mär-2008 10:07:40
Wer sind wir? geändert am  26-Dez-2007 16:06:55
Menu als unnested lists (iphone navigation) geändert am  29-Okt-2007 15:05:47
If Bedingungen mit UND und ODER Operator... geändert am  16-Okt-2007 19:04:17
English
Suche: