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:

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 08:54:

---

correct:

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

amol, 31-03-11 10:31:

---

I have to generate an image with IMAGE property. whic is possible.. but i need a div which should wrap it like
<div id="col" class="box">|</div>
means the IMAGE generated should appear in this div. than only backgound color given through css will b appearing. plz suggest typoscript.
and my mapping to the div is lib.banner
thanks

Anita, 19-04-11 06:53:

---

I have one image gallery what i want is on click of a single image it should appear with lightbox.
How it is to be done in typo3??Plz Help

Add comment

* - required field

First name: *
Last name:
E-mail:
Enter the code:

*

Content: *