Hallo,
ich nutze Typo3 6.2.15 und möchte folgendes tun: die Hintergrundbilder sollen durch den Redakteur ausgewählt werden können. Jetzt ist es so, dass ich in meiner CSS der Designvorlage die Angabe zu den Hintergrundbildern tief vergraben mit folgender Anweisung habe:
body
#main > header
{
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../bla/images/PC230048.JPG");
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../bla/images/PC230048.JPG");
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../bla/images/PC230048.JPG");
background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../
bla/images/PC230048.JPG");
}
Da will ich allerdings den Redakteur nicht ranlassen. Also hab ich mir folgendes überlegt:
Ich kann ja die css Anweisung im Template direkt in den Header schreiben und damit die css Datei für body
#main > header
überschreiben. Das sieht (nun stark verkürzt) prinzipiell so aus:
headerData {
10 = TEXT
10.value = <style type="text/css">body #main > header {background-image: url('../../bla/images/PC230048.JPG')}</style>
}
Bis hierhin funktioniert das vorzüglich. Aber den Redakteur will ich auch an das Template nicht heranlassen. Wenn ich jetzt - dachte ich mir - einen Marker ###BACKGROUNDIMAGE### definiere, sollte das so aussehen:
headerData {
10 = TEXT
10.value = <style type="text/css">body #main > header {background-image: url('###BACKGROUNDIMAGE###')}</style>
}
Und wenn ich jetzt noch den Content , der das vom Redakteur ausgewählte Hintergrundbild aus meinem rechten Container in den Marker kopiere - dachte ich - sei ich easygoing fertig:
marks.BACKGROUNDIMAGE < styles.content.
getRight
Aber Fehlanzeige - das Hintergrundbild erscheint nicht. Das erzeugt HTML beinhaltet background-image: url('###BACKGROUNDIMAGE###'), klar das das nicht gerendert wird. Das kann jetzt verschiedene Ursachen haben:
1) Der Marker im css style type=... wird nicht geparst, dann stellt sich die Frage, was muss ich tun, damit der Marker geparst wird? oder
2) marks.BACKGROUNDIMAGE bekommt von styles.content.
getRight nicht die Information, die es zum Ersetzen des Markers braucht.
Oder beides.
Hat jemand eine zündende Idee?
Danke und Gruß
Gerald