Zum Inhalt springen

Datumsabhäniges Headerbild

Erstellt am 30. Dezember 2009 · 13 Antworten · letzte Antwort am 2. Januar 2010

Tags: Frage

typo3_hp ·

Guten Morgen!

Ich ändere je nach Jahreszeit auf meiner Webseite oben das Bannerbild. (Mache dies aktuell noch manuell)

Ist es möglich zu sagen (TS) ab 01.03 soll dieses Bild kommen ab 01.06 soll dieses Bild kommen, ab 01.09 jenes und ab 15.10 ein anderes Mal, sodass jedes Jahr automatisch die Bilder je nach Jahreszeit geändert werden?

Hoffe Ihr könnt mir helfen

Danke und Grüße

einpraegsam.​net ·

Beispiel justpowder.de:

HEADIMG_WINTER = TEXT
HEADIMG_WINTER.value = background-image: url(fileadmin/justpowder/img/head_winter.jpg)
HEADIMG_SOMMER = TEXT
HEADIMG_SOMMER.value = background-image: url(fileadmin/justpowder/img/head_sommer.jpg)


# Jahreszeitenumschaltung
[month = 4,5,6,7,8]
page.10.marks.HEADIMG < HEADIMG_SOMMER
[end]
[month = 9,10,11,12,1,2,3,4]
page.10.marks.HEADIMG < HEADIMG_WINTER
[end]
typo3_hp ·

Super!

Vielen Dank - habe es wie folgt gemacht:

# Jahreszeitenumschaltung
[month = 6,7,8]
subparts.header = COA
subparts.header {
  10 = IMAGE
  10.file = fileadmin/templates/sommer.jpg
  }
[end]
[month = 9,10]
subparts.header = COA
subparts.header {
  10 = IMAGE
  10.file = fileadmin/templates/herbst.jpg
  }
[end]
[month = 11,12,1,2]
subparts.header = COA
subparts.header {
  10 = IMAGE
  10.file = fileadmin/templates/winter.jpg
  }
[end]
[month = 3,4,5]
subparts.header = COA
subparts.header {
  10 = IMAGE
  10.file = fileadmin/templates/fruehling.jpg
  }
[end]

Schönen Abend noch !

typo3_hp ·

hmm stimmt hab es gerade getestet er zeigt immer das winterbild an...

wie meinst Du das, wie muss ich es stattdessen machen?

Danke

typo3_hp ·

Hallo!

Habe es mal versucht, jedoch wird dann gar nichts mehr angezeigt!

Hier mein TS-Versuch:

# Jahreszeitenumschaltung

HEADIMG_WINTER = TEXT
HEADIMG_WINTER.value = background-image: url(fileadmin/templates/winter.jpg)
HEADIMG_FRUEHLING = TEXT
HEADIMG_FRUEHLING.value = background-image: url(fileadmin/templates/fruehling.jpg)
HEADIMG_SOMMER = TEXT
HEADIMG_SOMMER.value = background-image: url(fileadmin/templates/sommer.jpg)
HEADIMG_HERBST = TEXT
HEADIMG_HERBST.value = background-image: url(fileadmin/templates/herbst.jpg)

[month = 6,7,8]
subparts.header < HEADIMG_SOMMER
[end]

[month = 9,10]
subparts.header < HEADIMG_SOMMER
[end]

[month = 11,12,1,2]
subparts.header < HEADIMG_WINTER
[end]

[month = 3,4,5]
subparts.header < HEADIMG_FRUEHLING
[end]

Was mache ich noch falsch?

Grüße

einpraegsam.​net ·

subparts.blabla gehört doch vermutlich zu page.10 oder nicht?

Also schreib das ganz drunter und gut ist:

HEADIMG_WINTER = TEXT
HEADIMG_WINTER.value = background-image: url(fileadmin/templates/winter.jpg)
HEADIMG_FRUEHLING = TEXT
HEADIMG_FRUEHLING.value = background-image: url(fileadmin/templates/fruehling.jpg)
HEADIMG_SOMMER = TEXT
HEADIMG_SOMMER.value = background-image: url(fileadmin/templates/sommer.jpg)
HEADIMG_HERBST = TEXT
HEADIMG_HERBST.value = background-image: url(fileadmin/templates/herbst.jpg)
 
[month = 6,7,8]
page.10.subparts.header < HEADIMG_SOMMER
[end]
 
[month = 9,10]
page.10.subparts.header < HEADIMG_SOMMER
[end]
 
[month = 11,12,1,2]
page.10.subparts.header < HEADIMG_WINTER
[end]
 
[month = 3,4,5]
page.10.subparts.header < HEADIMG_FRUEHLING
[end]
typo3_hp ·

Hallo!

Sorry ich stell mich glaube ich zu dumm an - es wird immer noch nichts angezeigt hier der erste Teil meines TS

[GLOBAL]

page.headerData.120 = TEXT
page.headerData.120.value (
<script type="text/javascript" src="http://www.domain-online.de/clickheat/js/clickheat.js"></script><noscript><p><a href="http://www.labsmedia.com/index.html">Seo tools</a></p></noscript><script type="text/javascript"><!--
clickHeatSite = '';clickHeatGroup = 'index';clickHeatServer = 'http://www.domain-online.de/clickheat/click.php';initClickHeat(); //-->
</script>
)



#Startkonfiguration Verbindung CSS/HTML/DBASE
page = PAGE
page.typeNum = 0
page.20 = TEMPLATE
page.20 {
template = FILE
template.file = fileadmin/templates/cgs.html


#page.headerData = COA
#page.headerData.11 = TEXT
#page.headerData.11.value = <script type="text/javascript" src="fileadmin/templates/script.js"></script>

subparts {
right < styles.content.get
login < temp.10
}



#Dynamisches Headerbild
HEADIMG_WINTER = TEXT
HEADIMG_WINTER.value = background-image: url(fileadmin/templates/winter.jpg)
HEADIMG_FRUEHLING = TEXT
HEADIMG_FRUEHLING.value = background-image: url(fileadmin/templates/fruehling.jpg)
HEADIMG_SOMMER = TEXT
HEADIMG_SOMMER.value = background-image: url(fileadmin/templates/sommer.jpg)
HEADIMG_HERBST = TEXT
HEADIMG_HERBST.value = background-image: url(fileadmin/templates/herbst.jpg)
 
[month = 6,7,8]
page.10.subparts.header < HEADIMG_SOMMER
[end]
 
[month = 9,10]
page.10.subparts.header < HEADIMG_SOMMER
[end]
 
[month = 11,12,1,2]
page.10.subparts.header < HEADIMG_WINTER
[end]
 
[month = 3,4,5]
page.10.subparts.header < HEADIMG_FRUEHLING
[end]

...
...

Grüße

einpraegsam.​net ·

Also mal davon abgesehen, dass deine Klammern nicht stimmen, nutzt du für dein Template page.20 - also muss es folglich page.20.subparts.header heißen

typo3_hp ·

Dankeschön, was stimmt mit den Klammern nicht?

Jetzt habe ich das ganze mit page20 weiter unten eingefügt und bekomm im FE die Meldung

"background-image: url(fileadmin/templates/winter.jpg)"

was muss ich noch machen - das statt dem Value das Bild angezeigt wird?

danke und grüße

typo3_hp ·

Hups sorry ;-)

Jetzt hat es so geklappt

HEADIMG_WINTER = COA
HEADIMG_WINTER {
10 = IMAGE
10.file = fileadmin/templates/winter.jpg
}

HEADIMG_FRUEHLING = COA
HEADIMG_FRUEHLING {
10 = IMAGE
10.file = fileadmin/templates/sommer.jpg
}

HEADIMG_SOMMER = COA
HEADIMG_SOMMER {
10 = IMAGE
10.file = fileadmin/templates/sommer.jpg
}

HEADIMG_HERBST = COA
HEADIMG_HERBST {
10 = IMAGE
10.file = fileadmin/templates/winter.jpg
} 
[month = 6,7,8]
page.20.subparts.header < HEADIMG_SOMMER
[end]
 
[month = 9,10]
page.20.subparts.header < HEADIMG_SOMMER
[end]
 
[month = 11,12,1,2]
page.20.subparts.header < HEADIMG_WINTER
[end]
 
[month = 3,4,5]
page.20.subparts.header < HEADIMG_FRUEHLING
[end]

und was müsste ich machen wenn ich es als hintergrundbild des div-bereiches haben möchte?

danke und grüße