---
title: "neues Hintergrundbild pro Seite"
url: "https://www.typo3.net/d/94132-neues-hintergrundbild-pro-seite"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2009-11-02"
last_reply: "2009-11-04"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# neues Hintergrundbild pro Seite

Allgemein · 5 Antworten · gestartet 2009-11-02

## Eröffnungsbeitrag

**cato** · 2009-11-02 · [Beitrag #1](https://www.typo3.net/d/94132-neues-hintergrundbild-pro-seite/1)

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

## Antworten

### [#2](https://www.typo3.net/d/94132-neues-hintergrundbild-pro-seite/2) · Wool · 2009-11-03

Das wurde aber schon öfter besprochen ..

die ersten drei Einträge von google:

[/d/57894-fuer-jede-seite-ein-anderes-bild](https://www.typo3.net/d/57894-fuer-jede-seite-ein-anderes-bild)

<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..

### [#3](https://www.typo3.net/d/94132-neues-hintergrundbild-pro-seite/3) · cato · 2009-11-03

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/…/baum.jpg](http://www.artwerk7.de/uploads/extern/baum.jpg)

[Bild: artwerk7.de/…/erklaerung.jpg](http://www.artwerk7.de/uploads/extern/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](http://www.artwerk7.de/uploads/extern/erweitert.jpg)

Jemand nen Vorschlag?  :'(

### [#4](https://www.typo3.net/d/94132-neues-hintergrundbild-pro-seite/4) · Wool · 2009-11-03

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:

```html
<div class="###CSSKLASSE###">...</div>
```

so... und nun noch mit einer condition den Marker mit einem Text füllen:

```typoscript
# 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...

### [#5](https://www.typo3.net/d/94132-neues-hintergrundbild-pro-seite/5) · cato · 2009-11-03

Hi,

Habs genauso gemacht wie Du beschrieben hast, funzt aber nicht.

Folgendes hab ich erstmal für 2 seiten gemacht:

im setup des templates:

```typoscript
[PIDinRootline = 1]
 page.10.marks.BACKGROUND.value = body1
[global]
[PIDinRootline = 2]
 page.10.marks.BACKGROUND.value = body2
[global]
```

in style.css

```html
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

```html
<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"> &copy; 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

### [#6](https://www.typo3.net/d/94132-neues-hintergrundbild-pro-seite/6) · Wool · 2009-11-04

Ä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:

```typoscript
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
  }
 }
}
```

---

Quelle: „neues Hintergrundbild pro Seite“, typo3.net, https://www.typo3.net/d/94132-neues-hintergrundbild-pro-seite
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.