Hallo!
Bisher habe ich einen Bannerwechsel bei Hauptmenüpunktwechsel immer so realisiert:
1.) Neuen Banner hochgeladen
2.) CSS-Datei mit Inhalt: #header { background-image:url ..
3.) Extension-Template mit Inhalt wie unten angegeben
page.includeCSS {
datei1 = fileadmin/Template/StylesBanner05.css
}
Lässt sich das evt. auch einfacher realisieren, indem ich die CSS-Angabe direkt im Ext.Template vornehme?
Mir also die zusätzlichen CSS-Dateien erspare? o.O
Danke vielmals im Voraus
Jürgen
z.B.
in den Seiteneigenschaften unter Ressourcen ein Bild hochladen dann per TypoScript einbinden, in etwas so .
############wechselndes Backgroundbild für div Header
page.10.marks.HEADER_IMAGE = COA
page.10.marks.HEADER_IMAGE {
5 = HTML
5.value = background:url(
10 = IMG_RESOURCE
10 {
file.maxH = 210
file.maxW = 980
file.import=uploads/media/
file.import.data = levelmedia: -1, slide
file.import.listNum = 0
file.import.override.field = media
}
15 = HTML
15.value = ) no-repeat;
}
Hay Karlchen!
Danke für die super schnelle Antwort.
Sehr interessant.
Allerdings hatte ich es mir etwas einfacher vorgestellt.
Konkret: Ein Ext.Template mit einem Inhalt ähnlich dem folgenden:
page.headerData.10.value (
<style type="text/css">
header { background-image:url(/fileadmin/BGBanner/ImBanner03.jpg); }
</style>
Haut nur leider nicht hin. :x
Danke vielmals.
Öhm Jürgen,
einfacher wie der Vorschlag von Karlchen geht glaub ich nicht mehr!!
Du gibst einmal das TS in deinem Root-Template ein und brauchst dann später nur noch auf der gewünschten Seite das Bild einbinden!
Das ganze ist sogar rekursiv! Also einmal TS und sonst nur noch Bild einbinden!
Gruß
Daniel
Hallo!
Habe mich jetzt mal an die von karlchen vorgeschlagene Umsetzung gewagt.
Doch das einzige, was im Fromtend zu sehen ist ist das:
background:url(typo3temp/pics/531711ab92.jpg) no-repeat;
Oder aber, wenn ich die Grafik tatsächlich nach /uploads/media hochlade, dies
background:url() no-repeat;
Was mache ich denn falsch?
Darüber hinaus würde mich nach wie vor interessieren, warum nachfolgender Code mit dem ich ein CSS-Statement überschreiben will, nicht funzt:
page {
headerData.50.value (
<style type="text/css">
#header { height:180px; background-image:url(/fileadmin/Banner/Banner03.jpg); }
</style>
)
Danke vielmals im Voraus.
Jürgen
Versuch es mal mit
page.CSS_inlineStyle (
#header { height:180px; background-image:url(../fileadmin/Banner/Banner03.jpg); }
)
Das Ergebnis mit der anderen Variante ist völlig richtig.
Du musst halt noch den Marker richtig einbauen wie z.B.
<div style="###HEADER_IMAGE###"></div>
Bitte nichts direkt in uploads/media hochladen, da packt T3 die Datei automatisch hin wenn sie im Resource / File Feld landet.
Steht bei Dir über dem Banner noch irgendein anderes Element, denn sonst müsstest Du ja noch unbedingt mit einem Background Image arbeiten.
Gruß
Michael
Hallo Michael!
Entschuldige, dass ich die Antwort erst jetzt gelesen habe.
Aber:
page.CSS_inlineStyle (
#header { height:180px; background-image:url(../fileadmin/Banner/Banner03.jpg); }
)
hat gefunzt. Ich bin hellauf begeistert!!! :p :p
Sobald ich Zeit finde, werde ich überprüfen, ob ich die andere Variante, durch Einbindung des Markers in ein style auch zum Laufen bekommen.
Viele Grüße
Jürgen
karlchen schrieb
z.B.
in den Seiteneigenschaften unter Ressourcen ein Bild hochladen dann per TypoScript einbinden, in etwas so .
############wechselndes Backgroundbild für div Header
page.10.marks.HEADER_IMAGE = COA
page.10.marks.HEADER_IMAGE {
5 = HTML
5.value = background:url(
10 = IMG_RESOURCE
10 {
file.maxH = 210
file.maxW = 980
file.import=uploads/media/
file.import.data = levelmedia: -1, slide
file.import.listNum = 0
file.import.override.field = media
}
15 = HTML
15.value = ) no-repeat;
}
um einen automatischen Bannerwechsel ohne Klick auf irgendeinen Menüpunkt hinzubekommen brauch ich da nur das "no repeat" ändern? Der Kunde der die Seite dann in Zukunft selber pflegt, braucht entsprechende Banner dann nur in die Ressource packen?