This snippet is an example for a vertical GMENU. We create here a vertical graphical menu with a background image. On Rollover the background image and the font color gets changed.

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
}

Click here to see the menu

Here are the two images that are used as background.

Normal:

Rollover:

The font that is used in this GMENU can be downloaded from the following Website. By the way that side has 6500 free TTF fonts.

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