Vertical graphical Menu (GMENU)

Submitting your vote...
Not rated yet. Be the first who rates this item!
Click the rating bar to rate this item.

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:

TYPO3 GMENU Button 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


Top 10 Updates

Using lightbox without extension geändert am  13-Jun-2008 14:20:51
Custom field for GMENU alt text geändert am  13-Jun-2008 13:58:07
Extending typoscript properties with stdWrap geändert am  13-Jun-2008 13:54:32
Create menus using data from other tables than "pages" V2  geändert am  24-Mar-2008 13:02:09
Login geändert am  17-Mar-2008 12:47:52
Forum geändert am  17-Mar-2008 10:07:47
Who is Typo3wizard.com geändert am  26-Dec-2007 16:07:32
Menu as un-nested lists (iphone navigation) geändert am  29-Oct-2007 15:05:53
IF Conditions with AND and OR operators geändert am  16-Oct-2007 19:16:04
UserFunc to fix problems with HMENU type "special=updated"  geändert am  16-Oct-2007 18:58:40
Deutsch
Search: