TYPO3: GMENU with a different image for each menu item

Maarten — Thu, 20 Nov 2008 16:57:36 +0000

Some while ago I needed to make a GMENU with a different image for each menu item. This was tricky since normally I used CSS to include the image before or behind the menu. After a lot of thinking I realised TYPO3 had a BE field (even a tab!) I had never used; Page properties -> Resources.

So that was it… I included my images for each page here. But than what? How do I call them into my menu? It was quite easy after all… See my typoscript setup!

———————————————————–

# Startingpoint of the menu
temp.menutop.special = directory
temp.menutop.special.value = 83

# The menu:
temp.menutop = HMENU
temp.menutop.1 = GMENU
temp.menutop.1.NO {
altImgResource.import = uploads/media/
altImgResource.import.field = media
altImgResource.import.listNum = 0

# fall back GIFBUILDER item, if no result from altImgResource:
XY = 179,31
backColor = white
10 = TEXT
10.text.field = nav_title // title
10.offset = 10,13
}
temp.menutop.1.RO < temp.menutop.1.NO
temp.menutop.1.RO = 1
temp.menutop.1.RO.altImgResource.import.listNum = 1

temp.menutop.1.ACT < temp.menutop.1.RO
temp.menutop.1.ACT = 1

———————————————————–

Page resources

First image = listNum 0
Second image = listNum 1
And so on….

TYPO3: A graphical content header

Maarten — Sun, 17 Aug 2008 21:14:43 +0000

Ever wondered how to make a dynamic nice graphical header? TYPO3 can make these by using the GIFBUILDER on the webserver. To make the magic happen you’ll need to overwrite the default headers by using this Typoscript Setup. You’ll probably need to adjust some of the code to get a nice output depending on the font your using. Beware that a graphical header uses much more time to display than a usual text header.

lib.stdheader.10.1 = IMAGE
lib.stdheader.10.1 {
  alttext.field = header
  wrap =
  file = GIFBUILDER
  file {
   XY = [10.w],35
   backColor = #c5a888
   transparentBackground = 1

   10 = TEXT
   10 {
    text.field = header
    text.current = 1
    fontSize = 40
    offset = 0,20
    fontFile =  fileadmin/   ### YOUR FONTFILE (TTF)
    fontColor = #1c150d
   }
  }
}

TYPO3-Addict » GMENU

TYPO3: GMENU with a different image for each menu item

TYPO3: A graphical content header