Zum Inhalt springen

Verschiedene Hintergrundbinder mit css im Headerbereich

Erstellt am 30. Juni 2006 · 14 Antworten · letzte Antwort am 26. Juli 2006

Tags: HTML & CSS, Frage

steffenk ·

ein TEXT-Objekt kann man m.E. nicht über levelmedia mit einem Bild versehen, dazu brauchst Du schon ein IMAGE-Objekt.
Das einfachste Beispiel ist

temp.HeaderPic = IMAGE
temp.HeaderPic {
 file = fileadmin/images/header.gif
 file.import.data = levelmedia: -1, "slide"
 file.import = uploads/media/
 file.import.listNum = 0
 file.import.override.field = media
}
Typo-Kathrin ·
steffenk schrieb

ein TEXT-Objekt kann man m.E. nicht über levelmedia mit einem Bild versehen, dazu brauchst Du schon ein IMAGE-Objekt.
Das einfachste Beispiel ist

temp.HeaderPic = IMAGE
temp.HeaderPic {
 file = fileadmin/images/header.gif
 file.import.data = levelmedia: -1, "slide"
 file.import = uploads/media/
 file.import.listNum = 0
 file.import.override.field = media
}

HM, ich will aber doch kein Bild übergeben, sondern eine style-Definition. Das ist doch nichts weiter als Text?! Oder?

steffenk ·

ja klar, kann auch sein, das ich daneben liege.

Wie wärs mit listNum = 0 ? Die Bilder fangen immer mit Index 0 an.

ONeill ·

Im Referenzbereich steht eine Lösung für dein Problem in Kombination mit Kitsunets Antwort:

[PIDupinRootline=1]
[else]
seite.headerData.1 = TEXT
seite.headerData.1.value = <style type="text/css"> #Header { background-images: url(...); } </style>
[end]
[PIDupinRootline=2]
[else]
seite.headerData.1 = TEXT
seite.headerData.1.value = <style type="text/css"> #Header { background-images: url(...); } </style>
[end]
[PIDupinRootline=3]
[else]
seite.headerData.1 = TEXT
seite.headerData.1.value = <style type="text/css"> #Header { background-images: url(...); } </style>
[end]

So kannst du für jede spezielle Seite einen bestimmten header über CSS definieren.

Unbekannter Benutzer ·

Also ich würde mal sagen der Code müsste so funktionieren, allerdings fängt ListNum bei 0 an zu zählen, wenn du also nicht absichtlich das zweite Bild willst, muss es ListNum = 0 heißen.

Es ginge auch mit einem Image Objekt wie steffenk schrieb, aber das hilft dir ja nicht, weil du ein Background-Image willst. Alternativ ginge noch ein IMG_RESOURCE, der Code sieht ähnlich aus wie bei Image, nur das das Ergebnis nicht ein Imagetag sondern nur der Pfad zum Bild ist.

Falls das alles nicht hilft poste mal für den entsprechenden Bereich den HTML-Quellcode, der im Frontend rauskommt, wenn du das versuchst.

Typo-Kathrin ·
Kitsunet schrieb

Also ich würde mal sagen der Code müsste so funktionieren, allerdings fängt ListNum bei 0 an zu zählen, wenn du also nicht absichtlich das zweite Bild willst, muss es ListNum = 0 heißen.

Es ginge auch mit einem Image Objekt wie steffenk schrieb, aber das hilft dir ja nicht, weil du ein Background-Image willst. Alternativ ginge noch ein IMG_RESOURCE, der Code sieht ähnlich aus wie bei Image, nur das das Ergebnis nicht ein Imagetag sondern nur der Pfad zum Bild ist.

Falls das alles nicht hilft poste mal für den entsprechenden Bereich den HTML-Quellcode, der im Frontend rauskommt, wenn du das versuchst.

Vielen Dank für Eure Hilfe. Der Code hat tatsächlich funktioniert.
Es hat oben bei den marks nur die 10 gefehlt - und - listNum=0 ist natürlich auch richtig!

Danke noch mal!
Je mehr man sich damit beschäftigt, desto mehr blickt man langsam auch durch. Macht echt Spaß!

Typo-Kathrin ·
ONeill schrieb

Layout und Inhalt sollten getrennt werden.

Ist er doch.
Das Hintergrundbild ist doch per css eingebunden.

????

workfare ·

Danke!
Hat funktioniert, allerdings heisst es backgroung-image, Singular!
(Bei Typo-Kathrin steht es auch richtig)