Login / Status
developer.Resource
Home . Documentation . Document Library . Core Documentation
Sponsors
hosted by punkt.deTYPO3 and Open Source MagazineAOE Media

7.5. GMENU

Now lets get on with the GMENU menu object.

Example:

page.10 = HMENU
page.10.1 = GMENU
page.10.1.NO {
  XY = [10.w],[10.h]
  backColor = #cccccc || #eeeeee
  10 = TEXT
  10.text.field = title
  10.offset = 0,7
}

Result:

This is close to being the most simple GMENu you can create at all. Let's modify it further to be a bit more useful:

page.10 = HMENU
page.10.1 = GMENU
page.10.1.NO {

  XY = [10.w]+20,20

  backColor = |*| #cccccc || #eeeeee |*|

  10 = TEXT
  10.text.field = title

  10.offset = 0,13

  10.align = center

  10.niceText = 1

}

Result:

Better yet. Lets add roll over effect:

page.10 = HMENU
page.10.1 = GMENU
page.10.1.NO {
  XY = [10.w]+20,20
  backColor = |*| #cccccc || #eeeeee |*|
  10 = TEXT
  10.text.field = title
  10.offset = 0,13
  10.align = center
  10.niceText = 1
}

page.10.1.RO < page.10.1.NO

page.10.1.RO = 1

page.10.1.RO {

  backColor = red

  10.fontColor = white

}

Result:

Challenge (GMENU/1)

Could you manage to create this menu with embossed elements like the one we made with the GIFBUILDER-object earlier in this document? And could you make it so that the emboss direction is reversed when you roll over the element?



TYPO3 Core API

TSRef

TYPO3 Coding Guidelines