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 ·

Hallo,

ich stehe vor einem Problem:Ich muss aus Typo3 heraus den Hintergrund eines DIV Containers "content" ändern können.

Jetzt habe ich es geschafft, jeder Seit die UID in den Body-Tag zu schreiben, aber es klappt trotzdem nicht, das content DIV abhängig davon anzusprechen. Ich habe es folgendermassen probiert, klappt jedoch so als Kaskade nicht. Bin für jede Hilfe dankbar.

#uid13 div#content {
	background: url( ../images/background/orna_herz_01.jpg) no-repeat fixed
}

Vielleicht ist mein Denkansatz auch falsch aber ich drehe mich hier im Kreis und bekomme einen Knoten im Kopf.

Gruß Mario.

just2b ·

Hallo,

das hat aber mit TYPO3 ziemlich nichts zu tun.
Funktioniert ein border:1px solid red zB?

und sonst kann man ohne die Seite zu kennen sowieso kaum helfen

georg

kobi ·

Hallo Georg,

ich weiss, dass das mit Typo3 nix zu tun hat. Das war einfach mein Lösungsversuch, aber die CSS Kaskade funktioniert so nicht. Man kann nur durch verschieden Container kaskadieren aber das Body-Tag kann nicht der Beginn sein.

<div id="content" style="background-image:url(<!-- ###BG_CONTENT### --><!-- ###BG_CONTENT### -->)"></div>

Das war ein weiterer Versuch, aber der Marker BG_CONTENT wird innerhalb dieses Tags nicht ersetzt. Liegt hier der Fehler bei mir oder geht das grundsätzlich nicht?

Seite: http://www.mariokober.de/www-giorgiomartello/index.php?id=13

Gruß Mario.

kobi ·

Das habe ich auch schon probiert. Klappt leider auch nicht.

Was ist denn mit der Idee, einfach einen Marker zu verwenden? Kann das funktionieren? Ich habe den Marker folgendermassen zugewiesen:

subparts.BG_CONTENT < styles.content.getBorder

Und dann würde ich als Inhaltselement einfach HTML wählen und dort dann nur die Datei mit Pfad angeben.

Mario.

kobi ·

Hey Georg, tut mir leid, dass ich Deine Zeit verschwendet habe :-)

Ich hab es tatsächlich in die falsche CSS Datei geschrieben, die gar nicht mehr eingebunden wird. Mit Firebug hab ich ebenfalls immer getestet und mich gewundert, warum ich den Eintrag nicht sehen kann.

Schande über mich... und vielen Dank, dass Du mir geholfen hast.

Gruß nach Gosau -

Mario.

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