|
![]() 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; } |
|