Divcontainer für Seitenelemente
Will man Seitenelemente mit CSS formatieren, so sind umgebende DIV-Conatainer oft hilfreich.
Um solche Container anzulegen kann mit das Feld Rahmen ("section-frame") verwendet werden, das beim Seiteninhaltselement Text im oberene Bereich "Typ" rechts angezeigt wird.
Auf der root-Seite kann im Feld TSconfig (Seitenheader) die Rahmen-Selectbox neu "beschriftet" werden:
# -----------------------------------
TCEFORM.tt_content{
section_frame{
removeItems = 1,5,6,7,10,11,12,13,20,21
addItems.30 = Absatz 0
addItems.31 = Absatz 05
addItems.32 = Absatz 1
}# /section_frame
} #/TCEFORM.tt_content
# -----------------------------------
Im zweiten Schritt geben wir im Template der root-Seite im Setup Feld an, was je nach Eintrag im section-frame Feld passieren soll:
# -----------------------------------
# schreibt divcontainer um Text-Elemente
contentdiv.cObject = CASE
contentdiv.cObject {
key.field = section_frame
default < tt_content.stdWrap.wrap
default = TEXT
default.value = |
30 < tt_content.stdWrap.wrap
30 = TEXT
30.value = |
31 < tt_content.stdWrap.wrap
31 = TEXT
31.value = |
32 < tt_content.stdWrap.wrap
32 = TEXT
32.value = |
}
tt_content.stdWrap.outerWrap < contentdiv
# -----------------------------------
Zueletzt legen wir im CSS die passenden Styles an:
.top_0{ margin-top : 0;}
.top_05{ margin-top : 0.5em;}
.top_1{ margin-top : 1em;}
... und das war es auch schon
Um solche Container anzulegen kann mit das Feld Rahmen ("section-frame") verwendet werden, das beim Seiteninhaltselement Text im oberene Bereich "Typ" rechts angezeigt wird.
Auf der root-Seite kann im Feld TSconfig (Seitenheader) die Rahmen-Selectbox neu "beschriftet" werden:
# -----------------------------------
TCEFORM.tt_content{
section_frame{
removeItems = 1,5,6,7,10,11,12,13,20,21
addItems.30 = Absatz 0
addItems.31 = Absatz 05
addItems.32 = Absatz 1
}# /section_frame
} #/TCEFORM.tt_content
# -----------------------------------
Im zweiten Schritt geben wir im Template der root-Seite im Setup Feld an, was je nach Eintrag im section-frame Feld passieren soll:
# -----------------------------------
# schreibt divcontainer um Text-Elemente
contentdiv.cObject = CASE
contentdiv.cObject {
key.field = section_frame
default < tt_content.stdWrap.wrap
default = TEXT
default.value = |
30 < tt_content.stdWrap.wrap
30 = TEXT
30.value = |
31 < tt_content.stdWrap.wrap
31 = TEXT
31.value = |
32 < tt_content.stdWrap.wrap
32 = TEXT
32.value = |
}
tt_content.stdWrap.outerWrap < contentdiv
# -----------------------------------
Zueletzt legen wir im CSS die passenden Styles an:
.top_0{ margin-top : 0;}
.top_05{ margin-top : 0.5em;}
.top_1{ margin-top : 1em;}
... und das war es auch schon