Ich habe folgendes Problem: Ich möchte im Hintergrund meines Contents jeweils ein Bild einsetzen, welches jeweils bei einem neuen Menupunkt wechseln soll.
Beispiel:
unter dem Menupunkt (BAND) soll im Contentbereich ein Bandfoto erscheinen
unter dem Menupunkt (KONTAKT) soll im Contentbereich ein Kontaktfoto erscheinen
über den Bildern soll dann jeweils selbstverständlich der Seiteninhalt angezeigt werden.
Ich kann aber bis jetzt nur mein Hintergrundbild ODER meinen Content im Marker ###INHALT### anzeigen. Muss ich da evtl. mit Ebenen arbeiten?
Da muss es doch bestimmt eine einfache Lösung geben? Kann mir da jemand weiter helfen? Untenstehendes Script setzt den Content unter dem Hintergrundbild ein. Das ist aber nicht im Sinne des Erfinders ...
#angry#
# TextBild-Montage in Contentbereich
10.marks {
HINTERGRUND = IMAGE
HINTERGRUND.file = GIFBUILDER
HINTERGRUND.file {
XY = 511, 316
backColor = #000000
10 = IMAGE
10.file = fileadmin/templatesRELOADER/img/NewsLeft.jpg
}
INHALT = CONTENT
INHALT {
table = tt_content
}
Da Hintergründe über CSS funktionieren, kannst Du Dich eigentlich darauf fokussieren. Überschreibe für den Contentbereich CSS-Anweisungen. Ob nun per TypoScript - oder einem zusätzlichen CSS-File, das entsprechende Einträge überschreibt.
Letzteres ist wohl am Einfachsten. Geht z.B. damit in einem +extTemplate auf betroffener Seite:
page.includeCSS.file1 = fileadmin/css/kontakt.css
Alternativ kann über einen Marker im style-Tag des Contents gearbeitet werden:
<div id="content" style="background-image: url(fileadmin/images/###BILD###);">
Da ein Content ..
Hier per Default im Root-Template ein Standard- oder leeres Bild verwenden, und auf Unterseiten den Wert überschreiben.
Nachtrag:
Untenstehendes Script setzt den Content unter dem Hintergrundbild ein.
Nicht verwechseln 😉 . Hintergrundbild(CSS) und <img>-Tag(HTML) sind zwei Paar Schuhe.
Noch ein Nachtrag, dann sind wir langsam durch.
Ein sehr interessanter Ansatz viel mir grade noch ein:
» http://www.just2b.com/mein-typo3/tipps-tricks/css-datei-mit-markern-parsen.html
TS/CSS direkt parsen.
page.headerData.100 = COA
page.headerData.100 {
wrap = <style>|</style>
10 = TEMPLATE
10 {
template = FILE
template.file = /path/to/your/cssfile.css
marks {
BACKGROUNDIMAGE = IMG_RESROURCE
BACKGROUNDIMAGE {
# your image definition here
}
}
}
}
#You just have to insert the marker ###BACKGROUNDIMAGE### into your css file.
Generell: wer auf die +extTemplates verzichten will, kann conditions über Page-IDs nutzen.
grüsse
Hi,
hast Du zufällig ein Beispiel mit conditions und PageID?
Vielen Dank
Martin
Hallo,
ich weiss nicht obs noch aktuell ist, aber ich löse es immer über CONDITIONS und PageIDs.
Schreib mir ne PM falls Du es noch brauchst.
Hille