takoblog von takomat :: Neue Lebensformen für Medien » GIFBUILDER http://blog.takomat.com Mon, 26 Jul 2010 14:55:23 +0000 en hourly 1 http://wordpress.org/?v=3.0 TYPO3: Konfiguration für barierrefreie grafische Headlines mit GIFBUILDER http://blog.takomat.com/typo3/typo3-konfiguration-fur-barierrefreie-grafische-headlines-mit-gifbuilder.html http://blog.takomat.com/typo3/typo3-konfiguration-fur-barierrefreie-grafische-headlines-mit-gifbuilder.html#comments Sun, 10 May 2009 11:38:52 +0000 Marcin Jakubowski http://blog.takomat.com/?p=103 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

]]> http://blog.takomat.com/typo3/typo3-konfiguration-fur-barierrefreie-grafische-headlines-mit-gifbuilder.html/feed 0