lib.specialheader = IMAGE
lib.specialheader{
	file = GIFBUILDER
	file{
		XY = 400,[10.h]+10
		backColor = #ffffff
		transparentColor = #ffffff
		transparentBackground = 1
      		5 = BOX
      		5{
        		dimensions = 0,0, 400,[10.h]+10
        		color = #0066b3
      		}
      		7 = BOX
      		7{
        		dimensions = 0,-1, 400,1
        		color = #ffffff
        		align = l,b
      		}
      		10 = TEXT
		10{
			#text.field = title
			text = Special GFX Header !!!
        		fontSize = 20
			fontFile = fileadmin/templates/fonts/Share-Regular.ttf
			fontColor = #ffffff
			offset = 10,20
		}
	}
	wrap = <h1 style="background: url(fileadmin/templates/images/h1_bg.gif); padding-top:15px; border:none; width:400px;">|</h1>	
}

Um den "Special GFX Header" im Überschriftenfeld eines jeden Inhaltselements nutzen zu können, schreibe ich folgendes Typoscript ins Root-Setup-Template:

lib.stdheader.10.5 < lib.specialheader

Dieser Code überschreibt das Typoscript für den Header-Typ "Layout 5".

Im Schnipsel muss der Code noch folgendermaßen geändert werden:

vorher:
#text.field = header
text = Special GFX Header !!!

nachher:
text.field = header
#text = Special GFX Header !!!

Im Root-Template muss natürlich der Schnipsel (lib.specialheader) über "Include basis template" eingebunden sein.

Jetzt kann man durch einstellen des Typs "Layout 5" im Überschriften Bereich den "Special GFX Header" verwenden (siehe Foto).

Resorcen:

Hintergrundgrafik des H1 Tags (diagonale Linie)

TYPO3 Font Share-Regular

TIP:

Durch die Verwendung von "Constants" ist der Code leichter anpassbar.

Constants:
hwidth = 400
boxbgc = #5dad0e

Setup:
# Alle Stelle an denen der Wert 400 eingetragen ist müssen durch die Konstante ersetzt zB:
lib.specialheader.file.XY = {$hwidth},[10.h]+10