TYPO3: Konfiguration für barierrefreie grafische Headlines mit GIFBUILDER

Dieser Beitrag wurde am 10. Mai 2009 erstellt von Marcin Jakubowski.

Mit Hilfe des GIFBUILDER Objekts in TYPO3 ist es möglich eigene Schriftarten für Headlines barrierefrei zu nutzen. Dabei wird ein Bild erstellt und mit der CSS-Methode als Hintergrundbild der Headline hinzugefügt.

TYPOSCRIPT-code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

tempHeader = COA
tempHeader {
	10 = IMG_RESOURCE
	10.stdWrap.wrap = <h1 class="imageheader" style="background-image: url('|');">
	10.file = GIFBUILDER
	10.file {
	10 = TEXT
	10 {
		fontSize = 17
		offset = -1,20
		fontColor = #71a621
		niceText = 1
		}
	20 = TEXT
	20 {
		text.current = 1
		fontSize = 17
		fontFile = fileadmin/fonts/FrutigerRoman.ttf
		offset = -1,20
		fontColor = #71a621
		niceText = 1
	}
	XY = [10.w]+[20.w]+23,28
	transparentColor = #ffffff
	backColor = #ffffff
	}
	20 = TEXT
	20.current = 1
	20.wrap = |</h1>
}
 
lib.stdheader.10.1 > tempHeader

stdheader.10.1 ersetzt jede Standard-Headline (H1) durch eine barrierefreie grafische Headline.

Die CSS-Konfiguration zu dieser Methode finden sie hier:
CSS: Überschrift durch Bild ersetzen, barrierefrei

TYPO3, TYPO3-Schnippsel

Kommentar hinterlassen

(erforderlich)

(erforderlich)