Bei den Überschriften in den TYPO3 Inhaltselementen verhält es sich ähnlich wie mit den Rahmen. Standardmäßig sind verschiedene Überschriften mit nicht aussagekräftigen Bezeichnungen vorhanden, diese haben aber keine Auswirkung. Um dies zu ändern geht man wie folgt vor:

- Man fügt in die TSConfig der Rootseite folgende Zeilen ein:

## Layout-Felder Ueberschriften umbenennen und Rest ausblenden

TCEFORM.tt_content.header_layout.altLabels {

 0 = H1 normal

 1 = H2

 2 = H1 zentriert

 3 = Image 15px

 4 = Invers Image 10px

}

TCEFORM.tt_content.header_layout.removeItems = 5,6,7,8,9,10,100

 

Die TSConfig erreicht man in TYPO3 ver4.2 über Edit Page properties und dann den Reiter Options. Bei der ver3.8 erreicht man dies über Seitentitel bearbeiten und dann das Feld TSconfig: Spezielle TypoScrip-Konfiguration dieser Seite.

- Als nächstes wählt man das Template der Rootpage aus und fügt folgende Zeilen ein:

############################################

# Die Überschrift neu formatieren

lib.stdheader >

lib.stdheader = CASE

lib.stdheader {

key.field = header_layout

default = TEXT

default.field = header

default.wrap = <h1>|</h1>

 

# Überschrift soll kleiner sein

1 = TEXT

1.field = header

1.wrap = <h2>|</h2>

 

# Überschrift zentrieren

2 = TEXT

2.field = header

2.wrap = <center><h1>|</h1></center>

 

# Überschrift als Image

3 = IMAGE

3.file = GIFBUILDER

3.file {

XY = [10.w]+10, 20

backColor = #FFFFFF

10 = TEXT

10.text.field = header

10.fontFile = fileadmin/fonts/verdana.ttf

10.fontColor = #061467

10.fontSize = 15

10.niceText = 0

10.offset = 1, 17

}

wrap = |<br>

 

# Überschrift als Image

# Invers (schwarzer Hintergrund & weisse Schrift)

4 = IMAGE

4.file = GIFBUILDER

4.file {

XY = [10.w]+10, 20

backColor = #000000

10 = TEXT

10.text.field = header

10.fontFile = fileadmin/fonts/verdana.ttf

10.fontColor = #FFFFFF

10.fontSize = 10

10.niceText = 0

10.offset = 4, 15

}

wrap = |<br>

 

}

# Ende - Die Überschrift neu formatieren

############################################

Jetzt steht ein funktionsfähiges kleines Sortiment an Überschriften zur Verfügung, welche nach eigenen Vorstellungen ergänzt werden können. Der Einfachheit halber habe ich die Überschriften H1 und H2 in einer externen CSS-Datei definiert. Diese wird im TYPOscript für das Object PAGE angegeben. Die dazugehörige Zeile könnte so ausehen:

stylesheet = fileadmin/style.css

In der style.css könnten dann folgende Zeilen integriert sein:

h1 {

font-family: verdana, arial, helvetica, sans-serif;

font-size: 18pt;

font-weight: bold;

color: #000000;

}

h2 {

font-family: verdana, arial, helvetica, sans-serif;

font-size: 14pt;

font-weight: bold;

color: #000000;

}