Variable CSS-File
Armin Bartsch, Dienstag, 10. März 2009
Angaben im CSS-File dynamisch mit Variablen oder Konstanten füllen
Eine "CSS-Vorlage" wird mittels TEMPLATE eingelesen, Marker werden ersetzt und ein CSS-File wird von TYPO3 gesendet. So kann z.B. zur Laufzeit eine BG-Farbe vergeben werden, oder einen Rahmen bestimmt werden. Es stehen sämtliche stdWarp-Funktionen und cObjecte zur Verfügung um die Maker zu füllen.
CSS
In dem CSS-File werden neben den "normalen" Angaben Marker angegeben, die Marker werden beim Aufruf mit Werten gefüllt.
div.bg {
background-color:###bg_color###
}div.bg {
background-color:###bg_color###
}
TEMPLATE
Als erstes wird ein neues cObject PAGE erstellt. Diesem Object wird eine typeNum zugeordnet damit ein eindeutiger Aufruf mittels type möglich ist. Mit dem cObject TEMPLATE wird der Aufruf einer Datei und die Zuweisung von Markern ermöglicht.
css_file = PAGE
css_file {
typeNum = 107
config {
disableAllHeaderCode = 1
additionalHeaders = Content-Type:text/css
}
10 = TEMPLATE
10 {
template = FILE
template.file = fileadmin/css.css
marks.bg_color = TEXT
marks.bg_color.dataWrap = {$css.bg_color}
}
}css_file = PAGE
css_file {
typeNum = 107
config {
disableAllHeaderCode = 1
additionalHeaders = Content-Type:text/css
}
10 = TEMPLATE
10 {
template = FILE
template.file = fileadmin/css.css
marks.bg_color = TEXT
marks.bg_color.dataWrap = {$css.bg_color}
}
}
Einbinden CSS-File
Jetzt wird nur noch der von TYPO3 generierte CSS-File eingebunden.
seite.headerData = COA
seite.headerData.857 = TEXT
seite.headerData.857.value = <link rel="stylesheet" type="text/css" href="./index.php?type=107" />seite.headerData = COA
seite.headerData.857 = TEXT
seite.headerData.857.value = <link rel="stylesheet" type="text/css" href="./index.php?type=107" />
Es wird nun beim Aufruf der index.php mit dem type=107 eine CSS-Datei zurückgegeben
