wie setze ich jeweils ein anderes Hintergrundbild im Contentbereich abhängig von der Page-ID. Der Contentbereich ist in einem DIV-Container: <div id="container>...<(div>
etwa so?
[PIDupinRootline=18]
[else]
subparts.CONTENT.1 = TEXT
subparts.CONTENT.1.value = <style type="text/css"> #content { background-image: url(fileadmin/images/hintergrund_gruen.gif); } </style>
[end]
[PIDupinRootline=14]
[else]
subparts.CONTENT.1 = TEXT
subparts.CONTENT.1.value = <style type="text/css"> #content { background-image: url(fileadmin/images/hintergrund_orange.gif); } </style>
[end]
Conditions müssen aber (soweit mir bekannt) in der obersten Setup Ebene sein:
[PIDupinRootline=18]
[else]
page.10.subparts.CONTENT.1 = TEXT
page.10.subparts.CONTENT.1.value = <style type="text/css"> #content { background-image: url(fileadmin/images/hintergrund_gruen.gif); } </style>
[end]
[PIDupinRootline=14]
[else]
page.10.subparts.CONTENT.1 = TEXT
page.10.subparts.CONTENT.1.value = <style type="text/css"> #content { background-image: url(fileadmin/images/hintergrund_orange.gif); } </style>
[end]
Wiso willst du es über haupt von der page id abhängig machen?
Sprech es doch über einen plazhalter an und lass es dann aus der Datenbank auslesen!
Zum Beispiel so:
page = PAGE
page {
10.marks {
# Den Trayler dynamisch ansprechen
TRAILER = IMAGE
TRAILER.file = GIFBUILDER
TRAILER.file {
XY = 758, 99
backColor = #FFFFFF
# Das Hintergrundbild einlesen
10 = IMAGE
10.file.import = uploads/media/
10.file.import.data = levelmedia : -1, slide
10.file.import.listNum = 0
10.file.width = 758
10.offset = 0, -150
}
}
}
Durch den Befehl: 10.file.import = uploads/media/ wird die Datenbank in der Die Bilder der Seiten abgelegt sind durchsucht!
Mit dem Befehl: 10.file.import.data = levelmedia : -1, slide wird auf der jeweilig angeszeigten seite gesucht ob ein Bild vorhanden ist wenn ja wird es im entsprechendem Platzhalter angezeigt!
Mit dem Befehl: 10.file.import.listNum = 0 teilst du typo3 mit das wivielte Grafik element du anzeigen möchtest 0 ist in dem fall das erste Element!
das ist das verwirrende an Typo3, warum ist es nicht möglich die Stylesheetangaben im CSS zu belassen und über Typoscript anzusprechen?
Weshalb der verwirrende Mix mit CSS-Angaben innerhalb des Typoscripts?
Macht dies das Typoscript nicht gar unübersichtlich?
habs zuoberst platziert,
aber es will noch nicht...
so soll es aussehen:
http://www.lagranderecre.ch/fileadmin/images/pid.jpg
und auf einer anderen Seite soll der Hintergrund nochmals anders aussehen
Es ist möglich die stylesheet angaben im css zu belassen und über Typo-Script anzusprechen!
Bsp.:
page = PAGE
page{
# Allgemeine Seiteneigeschaften setzen
bodyTag = <body>
stylesheet = fileadmin/style.css
}
oder meinst du etwas anderes?
das klingt sympathischer!
kannst Du mir nochetwas auf die Sprünge helfen?
Ich bin Neuling... :o
Muß das Hintergrundbild von einem Redakteur zu ändern sein ?
Sonst könntest Du das Bild über eine Konstante ändern.
1) Marker im HTML-Template
<body background="###BG_IMAGE###">
2) Marker über TS mit Konstante füllen
BG_IMAGE = TEXT
BG_IMAGE.value = {$das.hintergrundbild}
3) Im jeweiligen extTemplate für die Seite die Konstante ändern
das.hintergrundbild = fileadmin/whatever/images/mein.hintergrundbild001.jpg
Ich auch ich Programmier erst seit 7-8 Tagen 😃
Mit dem Befehl stylesheet kannst du den vollständigen Pfad zu einer css Datei angeben. Wenn die css datei vorhanden ist dann wird sie mit dem HTML-Tag <link rel="stylesheet"...> geladen!
Wenn du noch wirklich blutiger anfänger bist solltest du dir unbedingt ein Buch zulegen ich machs selbst so und du lernst es so am schnellste und verstehst auch wass du tust.
Ich empfehl dir: Praxisswissen Typo3
so sieht mein Template aus
<div id="content">
<!-- ###CONTENT### start-->
<!-- da kommt der Inhalt -->
<!-- ###CONTENT### stop-->
</div>
und wie sollte das TS aussehen?
so?[PIDupinRootline=18]
[else]
subparts.CONTENT.1 = TEXT
subparts.CONTENT.1.value = <style type="text/css"> #content { background-image: url(fileadmin/images/hintergrund_gruen.gif); } </style>
[end]
[PIDupinRootline=14]
[else]
subparts.CONTENT.1 = TEXT
subparts.CONTENT.1.value = <style type="text/css"> #content { background-image: url(fileadmin/images/hintergrund_orange.gif); } </style>
[end]
Ich versteh nicht warum du dein stylesheet umständlich in typo-script einbinden möchtest?
Lad die Datei doch einfach in Typo3 hoch und binde sie mit dem befehl Stylsheet an der gewünschten stelle ein!
Und wenns um Images geht bind die doch in den gewünschten Platzhalter in der HTML vorlage ein, es sei denn du hast keine Platzhalter in dein vorlage!
Ich schick dir mal mein Typo sricpt über n pm!
mein Platzhalter sieht so aus:
<div id="content">
<!-- ###CONTENT### start-->
<!-- da kommt der Inhalt -->
<!-- ###CONTENT### stop-->
</div>
und der hat eine CSS-ID
es kann doch nicht sein, dass ich einen Platzhalter in der CSS-ID platzieren muss????
<div id="content" <!-- ###BHINTERGRUNDSBILD### -->>
es muss doch einen einfacheren Weg geben?
dann sprich dein platzhalter doch über den befehl "marks" an!
so wie ich es im ersten Beispiel erklärt hab und binde dann dort deine Bilder ein! Dann sieht das er gebniss so aus: http://p21747.typo3server.info
wenn du auf dieser Page auf "Informationen über das Snowboardgebiet" gehst
siehst du das sich das Trailer bild oben ändert!
sieht sehr schön aus.
Und wie hast Du das gelöst?
So wie im allerersten BSP beschrieben ich schick dir mal via pm mein Typo Script!
hallo, kannste mir auc den TS geben oder mir tipps oder links geben wie man das mit den bilder realisiert? WEil hab überhaupt kein plan wie ich da ran gehen soll #paralyzed#
wäre echt nett von euch