---
title: "alternierende Hintergrundbilder im Contentbereich"
url: "https://www.typo3.net/d/55072-alternierende-hintergrundbilder-im-contentbereich"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage","HTML & CSS","Templates & Layouts"]
created: "2006-12-15"
last_reply: "2007-07-23"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# alternierende Hintergrundbilder im Contentbereich

TYPO3 › TypoScript · 3 Antworten · gestartet 2006-12-15

## Eröffnungsbeitrag

**gino** · 2006-12-15 · [Beitrag #1](https://www.typo3.net/d/55072-alternierende-hintergrundbilder-im-contentbereich/1)

Ich habe folgendes Problem: Ich möchte im Hintergrund meines Contents jeweils ein Bild einsetzen, welches jeweils bei einem neuen Menupunkt wechseln soll.

Beispiel:
unter dem Menupunkt (BAND) soll im Contentbereich ein Bandfoto erscheinen

unter dem Menupunkt (KONTAKT) soll im Contentbereich ein Kontaktfoto erscheinen

über den Bildern soll dann jeweils selbstverständlich der Seiteninhalt angezeigt werden.

Ich kann aber bis jetzt nur mein Hintergrundbild ODER meinen Content im Marker ###INHALT### anzeigen. Muss ich da evtl. mit Ebenen arbeiten?
Da muss es doch bestimmt eine einfache Lösung geben? Kann mir da jemand weiter helfen? Untenstehendes Script setzt den Content unter dem Hintergrundbild ein. Das ist aber nicht im Sinne des Erfinders ...

#angry#

```typoscript
	# TextBild-Montage in Contentbereich
	10.marks {
		HINTERGRUND = IMAGE
		HINTERGRUND.file = GIFBUILDER
		HINTERGRUND.file {
			XY = 511, 316
			backColor = #000000
			10 = IMAGE
			10.file = fileadmin/templatesRELOADER/img/NewsLeft.jpg
		}
		
		INHALT = CONTENT
		INHALT {
			table = tt_content
		}
```

## Antworten

### [#2](https://www.typo3.net/d/55072-alternierende-hintergrundbilder-im-contentbereich/2) · toyde · 2006-12-15

Da Hintergründe über CSS funktionieren, kannst Du Dich eigentlich darauf fokussieren. Überschreibe für den Contentbereich CSS-Anweisungen. Ob nun per TypoScript - oder einem zusätzlichen CSS-File, das entsprechende Einträge überschreibt.

Letzteres ist wohl am Einfachsten. Geht z.B. damit in einem +extTemplate auf betroffener Seite:

```typoscript
page.includeCSS.file1 = fileadmin/css/kontakt.css
```

Alternativ kann über einen Marker im style-Tag des Contents gearbeitet werden:

```html
<div id="content" style="background-image: url(fileadmin/images/###BILD###);">
  Da ein Content ..
```

Hier per Default im Root-Template ein Standard- oder leeres Bild verwenden, und auf Unterseiten den Wert überschreiben.

Nachtrag:

> Untenstehendes Script setzt den Content unter dem Hintergrundbild ein.

Nicht verwechseln  ;) . Hintergrundbild(CSS) und <img>-Tag(HTML) sind zwei Paar Schuhe.

**Noch** ein Nachtrag, dann sind wir langsam durch.
Ein sehr interessanter Ansatz viel mir grade noch ein:
» <http://www.just2b.com/mein-typo3/tipps-tricks/css-datei-mit-markern-parsen.html>
TS/CSS direkt parsen.

```typoscript
page.headerData.100 = COA
page.headerData.100 {
    wrap = <style>|</style>
    10 = TEMPLATE
    10 {
        template = FILE
        template.file = /path/to/your/cssfile.css
        marks {
            BACKGROUNDIMAGE = IMG_RESROURCE
            BACKGROUNDIMAGE {
                # your image definition here
            }
        }
    }
}

#You just have to insert the marker ###BACKGROUNDIMAGE### into your css file.
```

Generell: wer auf die +extTemplates verzichten will, kann **conditions**  über Page-IDs nutzen.

grüsse

### [#3](https://www.typo3.net/d/55072-alternierende-hintergrundbilder-im-contentbereich/3) · MEller · 2007-07-12

Hi,

hast Du zufällig ein Beispiel mit **conditions** und **PageID**?

Vielen Dank

Martin

### [#4](https://www.typo3.net/d/55072-alternierende-hintergrundbilder-im-contentbereich/4) · Hille · 2007-07-23

Hallo,
ich weiss nicht obs noch aktuell ist, aber ich löse es immer über CONDITIONS und PageIDs.
Schreib mir ne PM falls Du es noch brauchst.
Hille

---

Quelle: „alternierende Hintergrundbilder im Contentbereich“, typo3.net, https://www.typo3.net/d/55072-alternierende-hintergrundbilder-im-contentbereich
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.