---
title: "Hintergrundbild abhängig von PID"
url: "https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage","HTML & CSS"]
created: "2006-08-11"
last_reply: "2006-08-21"
replies: 16
solved: false
page: 1
pages: 1
lang: "de"
---

# Hintergrundbild abhängig von PID

TYPO3 › TypoScript · 16 Antworten · gestartet 2006-08-11

## Eröffnungsbeitrag

**kindercity** · 2006-08-11 · [Beitrag #1](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/1)

wie setze ich jeweils ein anderes Hintergrundbild im Contentbereich abhängig von der Page-ID. Der Contentbereich ist in einem DIV-Container: <div id="container>...<(div>

etwa so?

[PIDupinRootline=18]
[else]
subparts.CONTENT.1 = TEXT
subparts.CONTENT.1.value = <style type="text/css"> #content { background-image: url(fileadmin/images/hintergrund_gruen.gif); } </style>
[end]
[PIDupinRootline=14]
[else]
subparts.CONTENT.1 = TEXT
subparts.CONTENT.1.value = <style type="text/css"> #content { background-image: url(fileadmin/images/hintergrund_orange.gif); } </style>
[end]

## Antworten

### [#2](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/2) · einpraegsam.​net · 2006-08-11

Conditions müssen aber (soweit mir bekannt) in der obersten Setup Ebene sein:

```typoscript
[PIDupinRootline=18]
[else]
page.10.subparts.CONTENT.1 = TEXT
page.10.subparts.CONTENT.1.value = <style type="text/css"> #content { background-image: url(fileadmin/images/hintergrund_gruen.gif); } </style>
[end]
[PIDupinRootline=14]
[else]
page.10.subparts.CONTENT.1 = TEXT
page.10.subparts.CONTENT.1.value = <style type="text/css"> #content { background-image: url(fileadmin/images/hintergrund_orange.gif); } </style>
[end]
```

### [#3](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/3) · PGx · 2006-08-11

Wiso willst du es über haupt von der page id abhängig machen?
Sprech es doch über einen plazhalter an und lass es dann aus der Datenbank auslesen!
Zum Beispiel so:

page = PAGE
page {
10.marks {
# Den Trayler dynamisch ansprechen
		TRAILER =  IMAGE
		TRAILER.file = GIFBUILDER
		TRAILER.file {
				XY = 758, 99
				backColor = #FFFFFF

				#  Das Hintergrundbild einlesen
				10 = IMAGE
				10.file.import = uploads/media/
				10.file.import.data = levelmedia : -1, slide
				10.file.import.listNum = 0
				10.file.width  = 758
				10.offset = 0, -150
}
}
}

Durch den Befehl: 10.file.import = uploads/media/ wird die Datenbank in der Die Bilder der Seiten abgelegt sind durchsucht!

Mit dem Befehl: 10.file.import.data = levelmedia : -1, slide wird auf der jeweilig angeszeigten seite gesucht ob ein Bild vorhanden ist wenn ja wird es im entsprechendem Platzhalter angezeigt!

Mit dem Befehl: 10.file.import.listNum = 0 teilst du typo3 mit das wivielte Grafik element du anzeigen möchtest 0 ist in dem fall das erste Element!

### [#4](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/4) · kindercity · 2006-08-11

das ist das verwirrende an Typo3, warum ist es nicht möglich die Stylesheetangaben im CSS zu belassen und über Typoscript anzusprechen?
Weshalb der verwirrende Mix mit CSS-Angaben innerhalb des Typoscripts?
Macht dies das Typoscript nicht gar unübersichtlich?

### [#5](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/5) · kindercity · 2006-08-11

habs zuoberst platziert,
aber es will noch nicht...

so soll es aussehen:

<http://www.lagranderecre.ch/fileadmin/images/pid.jpg>

und auf einer anderen Seite soll der Hintergrund nochmals anders aussehen

### [#6](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/6) · PGx · 2006-08-11

Es ist möglich die stylesheet angaben im css zu belassen und über Typo-Script anzusprechen!

Bsp.:
page = PAGE
page{
        # Allgemeine Seiteneigeschaften setzen
	bodyTag = <body>
	stylesheet = fileadmin/style.css
}

oder meinst du etwas anderes?

### [#7](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/7) · kindercity · 2006-08-11

das klingt sympathischer!

kannst Du mir nochetwas auf die Sprünge helfen?

Ich bin Neuling... :o

### [#8](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/8) · chris3 · 2006-08-11

Muß das Hintergrundbild von einem Redakteur zu ändern sein ?

Sonst könntest Du das Bild über eine Konstante ändern.

1) Marker im HTML-Template

```html
<body background="###BG_IMAGE###">
```

2) Marker über TS mit Konstante füllen

```typoscript
BG_IMAGE = TEXT
BG_IMAGE.value = {$das.hintergrundbild}
```

3) Im jeweiligen extTemplate für die Seite die Konstante ändern

```typoscript
das.hintergrundbild = fileadmin/whatever/images/mein.hintergrundbild001.jpg
```

### [#9](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/9) · PGx · 2006-08-11

Ich auch ich Programmier erst seit 7-8 Tagen :D

Mit dem Befehl stylesheet kannst du den vollständigen Pfad zu einer css Datei angeben. Wenn die css datei vorhanden ist dann wird sie mit dem HTML-Tag <link rel="stylesheet"...> geladen!

Wenn du noch wirklich blutiger anfänger bist solltest du dir unbedingt ein Buch zulegen ich machs selbst so und du lernst es so am schnellste und verstehst auch wass du tust.

Ich empfehl dir: Praxisswissen Typo3

### [#10](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/10) · kindercity · 2006-08-11

so sieht mein Template aus

```html
<div id="content">	
	<!-- ###CONTENT### start-->
		<!-- da kommt der Inhalt -->
	<!-- ###CONTENT### stop-->
</div>
```

und wie sollte das TS aussehen?

```typoscript
so?[PIDupinRootline=18]
[else]
subparts.CONTENT.1 = TEXT
subparts.CONTENT.1.value = <style type="text/css"> #content { background-image: url(fileadmin/images/hintergrund_gruen.gif); } </style>
[end]
[PIDupinRootline=14]
[else]      
subparts.CONTENT.1 = TEXT
subparts.CONTENT.1.value = <style type="text/css"> #content { background-image: url(fileadmin/images/hintergrund_orange.gif); } </style>
[end]
```

### [#11](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/11) · PGx · 2006-08-11

Ich versteh nicht warum du dein stylesheet umständlich in typo-script einbinden möchtest?

Lad die Datei doch einfach in Typo3 hoch und binde sie mit dem befehl Stylsheet an der gewünschten stelle ein!

Und wenns um Images geht bind die doch in den gewünschten Platzhalter in der HTML vorlage ein, es sei denn du hast keine Platzhalter in  dein vorlage!

Ich schick dir mal mein Typo sricpt über n pm!

### [#12](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/12) · kindercity · 2006-08-11

mein Platzhalter sieht so aus:

```html
<div id="content">      
        <!-- ###CONTENT### start-->
                <!-- da kommt der Inhalt -->
        <!-- ###CONTENT### stop-->
</div>
```

und der hat eine CSS-ID

### [#13](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/13) · kindercity · 2006-08-11

es kann doch nicht sein, dass ich einen Platzhalter in der CSS-ID platzieren muss????

```html
<div id="content" <!-- ###BHINTERGRUNDSBILD### -->>
```

es muss doch einen einfacheren Weg geben?

### [#14](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/14) · PGx · 2006-08-11

dann sprich dein platzhalter doch über den befehl "marks" an!

so wie ich es im ersten Beispiel erklärt hab und binde dann dort deine Bilder ein! Dann sieht das er gebniss so aus: <http://p21747.typo3server.info>

wenn du auf dieser Page auf "Informationen über das Snowboardgebiet" gehst
siehst du das sich das Trailer bild oben ändert!

### [#15](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/15) · kindercity · 2006-08-11

sieht sehr schön aus.
Und wie hast Du das gelöst?

### [#16](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/16) · PGx · 2006-08-11

So wie im allerersten BSP beschrieben ich schick dir mal via pm mein Typo Script!

### [#17](https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid/17) · flashsilver · 2006-08-21

hallo, kannste mir auc den TS geben oder mir tipps oder links geben wie man das mit den bilder realisiert? WEil hab überhaupt kein plan wie ich da ran gehen soll #paralyzed#

wäre echt nett von euch

---

Quelle: „Hintergrundbild abhängig von PID“, typo3.net, https://www.typo3.net/d/48010-hintergrundbild-abhaengig-von-pid
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.