Zum Inhalt springen

Layout1, Layout2

Erstellt am 12. Mai 2010 · 1 Antwort · letzte Antwort am 13. Mai 2010

Tags: Frage

typo3_hp ·

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

sunixzs ·

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:

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:

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:

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

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