Vertical graphical Menu (GMENU)

Submitting your vote...
Rating: 4.2 of 5. 8 vote(s).
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
  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




Comments


ksevelyar, 14-06-08 10:54:
correct:

wrap = <div>|</div>
XY =100,32
>>>>transparentBackground = 1<<<<
5 = IMAGE
5.file =

Add comment

* - required field

*



*
*

Top 10 Updates

Nice fonts using Google font API geändert am  20-May-2010 16:36:47
TS-based Searchbox for Indexed Search  geändert am  18-May-2010 18:27:15
TYPO3 SEO geändert am  30-Apr-2010 09:44:22
Search engine friendly graphical headers in TYPO3 geändert am  30-Apr-2010 09:33:44
Creating a simple Infocenter using TYPO3 geändert am  17-Nov-2009 12:12:52
Making the Section Menu work correctly with TemplaVoila geändert am  05-May-2009 12:27:17
Show pages with type "Not in Menu" in a sitemap geändert am  05-May-2009 12:11:17
Implementation of the DHTML menu from brainjar.com  geändert am  01-Feb-2009 14:02:48
Sample DHTML menu geändert am  01-Feb-2009 13:51:25
A introduction to the CONTENT object geändert am  26-Jan-2009 13:20:39

Latest comments

20-Aug-2010 16:31:13
pritam schrieb: Hello, Can any body tell me how to add the realurl in the typo3.
Articles
17-Aug-2010 15:25:30
Graham Solomon schrieb: I have developed a nice extension for using this Google Font API with TYPO3, along with their web...
Nice Fonts using Google font API
12-Aug-2010 17:39:44
Ritesh Jaiswal schrieb: I have added the above code into page template but it is not working. It only index the page into...
Index search
Deutsch
Search: