TYPO3: A graphical content header

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
   }
  }
}

Bookmark and Share

Drop a comment