Hallo Zusammen,
In meinem Template habe ich je nach Seite ein anderes Headerbild. Dieses Bild wird durch CSS dem div zugewiesen (das CSS ist nicht direkt im Quelltext sondern in einem File):
.bildwelt {
border-right: 1px solid #cccccc;
background: no-repeat -1px 1px url(images/themen/bob.jpg);
float: left;
width: 917px;
height: 173px;
}
Nun soll sich diese Bild aber für diverse Subseiten ändern.
Dies kann ich ja mit folgendem TS Feststellen:
lib.customHeader = TEXT
lib.customHeader.value = header_default.jpg
# Über uns
[PIDinRootline = 9]
lib.customHeader.value = header_about.jpg
[end]
# Produkte
[PIDinRootline = 8]
lib.customHeader.value = header_produkte.jpg
[end]
Die Frage ist jetzt nur wie bringe ich dieses ins CSS bzw. wie kann ich innerhalb des HTML Files Inline CSS Code generieren?
Ich verwende für die Seite TemplaVoila.
Viele Grüsse und danke für eure Hilfe...
In der TSref Kapitel 7.5. findest du die Eigenschaften headerData und CSS_inlineStyle.
Das durfe dir weiterhelfen.
Hallole!
Typo3 liefert eine gute Möglichkeit, ein Bild abhängig von der Seite einzubinden und an die Unterseiten zu vererben bis das nächste Bild eingestellt wurde. Dazu musst du den Seitentyp "Erweitert" verwenden und dort das Bild einstellen. Falls das Bild ab einer Seite vom Typ "Shortcut" weitervererbt werden soll, dann musst du den Typ kurzfristig auf Erweitert setzen, das Bild einfügen, und wieder zurück auf Shortcut.
Hier das Codebeispiel für Templavoila.
// ***** Einfügen EINES Bildes aus dem *****
// ***** Seitentyp "Erweitert" und dem dortigen Eintrag in "Dateien" *****
// ***** Durch die Angabe von "slide" wird so lange in Richtung rootline *****
// ***** gesucht, bis ein Eintrag gefunden wird *****
lib.customHeader = IMAGE
lib.customHeader {
file.import.data = levelmedia: -1, slide
file.import = uploads/media/
file.import.listNum = 0
file.import.override.field = media
}
// ***** Einfügen eines Bildes ENDE
Hoffe, das war verständlich.
Grüße
Erwin