Divcontainer für Seitenelemente

Ulrich Fischer
2005-12-18 12:15
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
Durchschnittliche Bewertung: 3.5 (2 Abstimmungen)

Es ist möglich, diese FAQ zu kommentieren.