Zum Inhalt springen

Hintergrundbild in bestimmtem DIV Container aus Typo3 ändern.

Erstellt am 18. April 2008 · 16 Antworten · letzte Antwort am 21. Juni 2008

Tags: Frage

kobi ·

Also, nun für alle noch einmal im Ganzen:

Wer den Hintergrund für einen bestimmten Container bei einer bestimmten Seite ändern möchte kann das folgendermassen tun:

Das kommt in TSconfig:

page.bodyTagCObject = HTML
page.bodyTagCObject.value.field = uid
page.bodyTagCObject.value.wrap = <body id="uid|">

Und das kommt dann ins CSS Stylesheet:

body#uid1234 #content {
		background: url(hier_die_hintergrundgrafik.jpg) ;
}

...#uid1234
hierbei steht die 1234 für die jeweilige Seiten UID die ihr sehen könnt, wenn ihr mit der Maus im Seitenbaum von Typo3 über dem kleinen Seitensymbol schwebt.

#content
hierbei steht content für die jeweilige ID, die der DIV Container hat, dessen Hintergrund ihr ändern wollt.

Ich hoffe das nützt dem ein oder anderen.

Gruß Mario

PS: Immer darauf achten, dass man die CSS Anweisungen nicht in die falsche Datei schreibt :-)

kobi ·

Hallo,

fällt Dir noch eine alternative Lösung ein, mit der ich aus dem Backend heraus ( am besten mit einer der Inhaltsspalten ) den Hintergrund bestimmen kann?

Gruß Mario.

kobi ·

Aber wie gehe ich da vor? Mir fehlt die Logik wie ich vom media-feld auf den Hintergrund komme. Ich habe das bisher immer im Stylesheet erledigt, aber ich weiss nicht wie ich das aus dem Backend kundenfreundlich ändern soll.

just2b ·

Hallo,

page.bodyTagCObject = TEXT
page.bodyTagCObject {
field = media
wrap = background:url(../uploads/media/|) no-repeat left top;
}

pfad wird noch nicht ganz stimmen

georg

kobi ·

Ja damit kannst Du den Hintergrund für die gesamte Seite ändern, aber ich möchte nur den Hintergrund für einen bestimmten DIV Container ändern.

kobi ·

OK. Ich verstehe nicht zu 100% was Du meinst, aber ich glaube ich hab die Idee dahinter kapiert.

Vielen Dank Georg, Du bist wirklich die gute Seele dieses Forums ;-)

Mario.

flo8080 ·
subparts.BG_CONTENT < styles.content.getBorder

das hat kobi geschrieben...
sowas hab ich auch probiert und es geht auch...

aber wie erreiche ich folgendes:

im border bereich der jeweiligen seite habe ich nur ein einzelnes bild geladen.
(backend)

wie erreiche ich, dass typo3 mir das bild ungewrapt aus gibt also
nur

<img src="image">

ohne den wrapper html code um das bild herum....

danke im vorraus für die hilfe!

florian