---
title: "Layout1, Layout2"
url: "https://www.typo3.net/d/98826-layout1-layout2"
source: "typo3.net"
tags: ["Backend","Frage","Inhaltselemente"]
created: "2010-05-12"
last_reply: "2010-05-13"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Layout1, Layout2

Backend · 1 Antwort · gestartet 2010-05-12

## Eröffnungsbeitrag

**typo3_hp** · 2010-05-12 · [Beitrag #1](https://www.typo3.net/d/98826-layout1-layout2/1)

Hallo ich habe eine Webseite umgesetzt, installiert ist Typo3 in Ver. 4.3.2.

Auf der Startseite der Webseite habe ich praktisch 2 Content-Elemente welche in die beiden Bereiche der Webseite mittels eines Links führen.

Ich möchte diese Elemente mit einem leichten hellblau (Hintergrund) versehen und habe nun gedacht indem ich unter Allgemein (Text mit Bild) den Typ auf z.B. Layout1 oder Layout2 ändere würde etwas passieren - es ändert sich allerdings nicht.

Wie kann ich z.B. für Layout2 definieren das das komplette Element (Text m. Bild) hellblau hinterlegt werden soll?

Danke und GRüße

## Antworten

### [#2](https://www.typo3.net/d/98826-layout1-layout2/2) · sunixzs · 2010-05-13

Ich weiß nicht genau was du meinst - hier aber zwei Wege ein Layout zu ändern...

Layout auf ein Inhaltselement:
Dazu kann man den "Rahmen" verwenden:

Im Page-TS eigene Rahmen für Inhaltselemente definieren:

```typoscript
TCEFORM {
	tt_content {
		section_frame {
			removeItems = 1,5,6,10,11,12,20,21
			addItems {
				100 = Layout 1
				101 = Layout 2
			}
		}
	}
}
```

Im Template-SETUP die Rahmen definieren:

```typoscript
tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
  key.field = section_frame
  
  100 = TEXT
  100.value = <div class="layout0">|</div>
  
  101 = TEXT
  101.value = <div class="layout1">|</div>
}
```

Wenn man beim Content-Element einen Rahmen wählt, wird das Inhaltselement mit "<div class="layoutX">|</div>" gewrapped.

Dann könnte man z. B. sagen:

```css
.layout0 {
 background: blue;
}
```

Eine andere Methode ist in den Seiteneigenschaften das "Layout". Hier kann man für komplette Seiten Dinge ändern - u. a. Subparts im Template:

```typoscript
# Layout 0
[globalVar = TSFE:page|layout = 0]
page.10 = TEMPLATE
page.10.template = FILE
page.10 {
  template.file = {$template.file}
  workOnSubpart = DEFAULT
  subparts {
    #LAYOUT0 =
    LAYOUT1 =
  }
}
[global]

# Layout 1
[globalVar = TSFE:page|layout = 1]
page.10 = TEMPLATE
page.10.template = FILE
page.10 {
  template.file = {$template.file}
  workOnSubpart = DEFAULT
  marks < marks
  subparts {
    LAYOUT0 =
    #LAYOUT1 =
  }
}
[global]
```

(Hier wird der eine bzw. der andere Subpart "LAYOUTx" ausgeblendet.)

---

Quelle: „Layout1, Layout2“, typo3.net, https://www.typo3.net/d/98826-layout1-layout2
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.