Hallo an die Gemeinde,
Bin neu hier und hab mich für die Frage extra registriert, da ich grad am verzweifeln bin #angry#
Mein Problem ist wie folgt:
Ich möchte jeweils ein Hintergrundbild für jede Seite haben. Also Seite1 = bg1.png, Seite2 = bg2.png usw.
Leider hab ich nirgends einen richtigen workaround gefunden, wie man das am besten anstellt. 😢
Ich bin für jegliche Lösungsvorschläge dankbar. Bitte helft mir ...
gruß cato
Das wurde aber schon öfter besprochen ..
die ersten drei Einträge von google:
http://www.typo3forum.net/forum/typo3-4-x-fragen-probleme/17779-header-bild-f-r-seite.html
http://www.typo3forum.net/forum/typo3-3-x-fragen-probleme/5573-seite-anderes-headerbild.html
oder die ID nutzen um ein entsprechendes Bild zu laden
oder.. oder.. oder..
hoffe die Beiträge helfen dir..
Die Lösungsansätze hab ich schon durchstöbert. Leider versteh ich irgendwie nicht, wie ich das auf mein problem umsetzen/anwenden muss.
Zur Erläuterung nochmal:
Bild: artwerk7.de/…/erklaerung.jpg
so soll es funzen
also im div container class body soll das hintergrundbild erscheinen, sodass jede seite ein eigenes bg bild hat.
Hab die ganzen vorschläge ausprobiert, bisher aber ohne erfolg. Bin wahrscheinlich irgendwo falsch rangegangen...
Und den Karteireiter "Erweitert" gibts bei mir erst garnicht, auch nicht als Option bei Seitentyp. da seh ich nur folgendes:
Bild: artwerk7.de/…/erweitert.jpg
Jemand nen Vorschlag? 😢
Hallo nochmal,
Also wenn du das statisch machen willst, z.B. mit einem Marker:
- trage für jedes Bild eine class in deiner css-style-Datei ein
Bsp.:
# CSS-File:
div.body1, div.body2, ... { ...gemeinsame Konfiguration... }
div.body1 { background-image:url(.../bild1.png); }
div.body2 { background-image:url(.../bild2.png); }
...
Dann einen Marker, nennen wir den mal ###CSSKLASSE###, in dein HTML-Template in deinen div-tag eintragen:
<div class="###CSSKLASSE###">...</div>
so... und nun noch mit einer condition den Marker mit einem Text füllen:
# wenn "Vita" PageID=3 ist
[PIDinRootline = 3]
page.10.marks.CSSKLASSE.value = body1
[global]
# wenn "Books" PageID=4 ist
[PIDinRootline = 4]
page.10.marks.CSSKLASSE.value = body2
[global]
...
HINWEIS : die Version hat den Vorteil, dass alle evtl. vorkommenden Unterseiten auch das Bild der entsprechenden Oberseite nutzen.
Wichtig : Die Conditions dürfen nicht innerhalb von geschweiften Klammern sein !!!
d.h. vor der "page"-Definition (darum auch der komplette Pfad für den value !)
Das ist nur EIN Beispiel, da führen mehrere Wege zum Ziel...
Hi,
Habs genauso gemacht wie Du beschrieben hast, funzt aber nicht.
Folgendes hab ich erstmal für 2 seiten gemacht:
im setup des templates:
[PIDinRootline = 1]
page.10.marks.BACKGROUND.value = body1
[global]
[PIDinRootline = 2]
page.10.marks.BACKGROUND.value = body2
[global]
in style.css
div.body1, div.body2, {
height: 864px;
background-repeat: no-repeat;
width: 972px;
margin: 0px auto;
text-align: center;
color: #43433e;
}
div.body1 {
background-image:url(/cms/uploads/tf/startbg.png);
}
div.body2 {
background-image:url(/cms/uploads/tf/main2.png);
}
und in der index.htm
<div class="###BACKGROUND###">
<div id="navi">
<a href="/cms/index.php?id=2"><img src="/cms/uploads/tf/vita.png"></a><br \>
<a href="/cms/index.php?id=3"><img src="/cms/uploads/tf/books.png"></a><br \>
<a href="/cms/index.php?id=4"><img src="/cms/uploads/tf/activities.png"></a><br \>
<a href="/cms/index.php?id=5"><img src="/cms/uploads/tf/private.png"></a><br \>
<a href="/cms/index.php?id=6"><img src="/cms/uploads/tf/links.png"></a><br \>
<a href="/cms/index.php?id=7"><img src="/cms/uploads/tf/consult.png"></a><br \>
<a href="/cms/index.php?id=8"><img src="/cms/uploads/tf/contact.png"></a><br \>
</div>
<div id="show">
<!-- ###CONTENT_MAIN### start-->
<!-- ###CONTENT_MAIN### stop-->
</div>
<p id="foot"> © 2009 | all rights reserved</p>
</div>
Es wird aber nix angezeigt von dem hintergrund.
Hier mal der Link zur seite:
http://www.e-hering.de/cms/
Vielleicht habt ihr ja ne Idee was ich falsch mache
Äh...
du weißt aber schon wie man Marker anspricht?
Und da der MArker nicht ersetzt wird, denke ich mal du hast auch in deinem PAGE-Objekt den Marker nicht als TEXT deklariert?
stark verkürtzt sollte das so in etwa aussehen:
page = PAGE
page {
10 = TEMPLATE
10 {
workOnSubpart = DOKUMENT # oder wie dein Subpart auch immer benannt ist
marks {
BACKGROUND = TEXT
# BACKGROUND.value wird wie bereits beschrieben in der condition gesetzt
}
}
}