---
title: "CSS mit Condition in den Quelltext schreiben"
url: "https://www.typo3.net/d/53824-css-mit-condition-in-den-quelltext-schreiben"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage","HTML & CSS"]
created: "2006-11-22"
last_reply: "2006-11-23"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# CSS mit Condition in den Quelltext schreiben

TYPO3 › TypoScript · 2 Antworten · gestartet 2006-11-22

## Eröffnungsbeitrag

**cracy** · 2006-11-22 · [Beitrag #1](https://www.typo3.net/d/53824-css-mit-condition-in-den-quelltext-schreiben/1)

Hallo Zusammen,

In meinem Template habe ich je nach Seite ein anderes Headerbild. Dieses Bild wird durch CSS dem div zugewiesen (das CSS ist nicht direkt im Quelltext sondern in einem File):

```html
.bildwelt {
	border-right:  1px solid #cccccc;
	background: no-repeat -1px 1px url(images/themen/bob.jpg);
	float:  left;
	width: 917px;
	height: 173px;
}
```

Nun soll sich diese Bild aber für diverse Subseiten ändern.

Dies kann ich ja mit folgendem TS Feststellen:

```typoscript
lib.customHeader = TEXT
lib.customHeader.value = header_default.jpg
# Über uns
[PIDinRootline = 9]
   lib.customHeader.value = header_about.jpg
[end]

# Produkte
[PIDinRootline = 8]
   lib.customHeader.value = header_produkte.jpg
[end]
```

Die Frage ist jetzt  nur wie bringe ich dieses ins CSS bzw. wie kann ich innerhalb des HTML Files Inline CSS Code generieren?
Ich verwende für die Seite TemplaVoila.

Viele Grüsse und danke für eure Hilfe...

## Antworten

### [#2](https://www.typo3.net/d/53824-css-mit-condition-in-den-quelltext-schreiben/2) · maik · 2006-11-22

In der TSref Kapitel 7.5. findest du die Eigenschaften **headerData** und **CSS_inlineStyle**.

Das durfe dir weiterhelfen.

### [#3](https://www.typo3.net/d/53824-css-mit-condition-in-den-quelltext-schreiben/3) · ehontheim · 2006-11-23

Hallole!

Typo3 liefert eine gute Möglichkeit, ein Bild abhängig von der Seite einzubinden und an die Unterseiten zu vererben bis das nächste Bild eingestellt wurde. Dazu musst du den Seitentyp "Erweitert" verwenden und dort das Bild einstellen. Falls das Bild ab einer Seite vom Typ "Shortcut" weitervererbt werden soll, dann musst du den Typ kurzfristig auf Erweitert setzen, das Bild einfügen, und wieder zurück auf Shortcut.

Hier das Codebeispiel für Templavoila.

```typoscript
// ***** Einfügen EINES Bildes aus dem *****
// ***** Seitentyp "Erweitert" und dem  dortigen Eintrag in "Dateien"  *****
// ***** Durch die Angabe von "slide" wird so lange in Richtung rootline *****
// ***** gesucht, bis ein Eintrag gefunden wird *****

lib.customHeader = IMAGE
lib.customHeader {
     file.import.data = levelmedia: -1, slide 
     file.import = uploads/media/
     file.import.listNum = 0
     file.import.override.field = media
}
           
// ***** Einfügen eines Bildes ENDE
```

Hoffe, das war verständlich.

Grüße

Erwin

---

Quelle: „CSS mit Condition in den Quelltext schreiben“, typo3.net, https://www.typo3.net/d/53824-css-mit-condition-in-den-quelltext-schreiben
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.