[Typo3-german] Content-Element TEXT mit verschiedenem Hintergrund ?

[Franz Koch]

Markus Bucher schrieb:
>>Naja, ist auch keine Lösung, sobald mehrere Texte auf einer Seite sind....
> 
> 
> Mehrere Content-Elemente? Kein Problem, jedem ein eigenes Tag, fertig.
> 
> Ein einziges Content-Element? Dann layoute es im Backend:
> 
> <div style="background:red">Lorem ipsum...</div><div 
> style="background:blue">Gaudeamus igitur...</div><div 
> style="background:#666666">Tota Gallia divisas...</div>

Ich gehe mal davon aus, dass er mit Text jeweils einzelne 
Content-Elemente vom Typ "text" meint - alles andere wäre Blödsinn und 
nicht praktikabel. Bei Content-Elementen hast du kein Feld "Layout" - 
Richtig!. Dafür gibt es das tolle Feld "Rahmen" was du für die 
Layout-Auswahl verwenden kannst.

Hierzu kannst du die Label in der Dropdown-Box über das Page-TS ändern 
und die Anzahl der angezeigten Dropdown-Punkte bestimmen.
Bsp.:

-PAGE-TypoScript start----

# mögliche Layouts einschränken
# ------------------------------------
TCEFORM.tt_content.section_frame.removeItems = 12,20,21,blah

# weitere Layouts hinzufügen
# ------------------------------------
TCEFORM.tt_content.section_frame.addItems = 2,3,4,blah

# Beschriftung der Dropdown-Felder ändern
# ------------------------------------
TCEFORM.tt_content {
   section_frame.altLabels {
     1 = box
     5 = TopStory
     # ...
   }
}
-PAGE-TypoScript end----


Als nächstes musst du noch noch die Ausgabe/das Rendering anpassen. Wenn 
du css_styled_content benutzt stehen dir schon css-Klassen zur Verfügung 
die um die Content-Elemente gewrapped werden und die du nach belieben 
gestalten kannst. Hier ein auszug aus css_styled_content

-Template TypoScript start------
tt_content.stdWrap {
   # ...
   innerWrap.cObject {
	1.value = <div class="csc-frame csc-frame-invisible">|</div>
	5.value = <div class="csc-frame csc-frame-rulerBefore"></div>|
	6.value = |<div class="csc-frame csc-frame-rulerAfter"></div>
	10.value = <div class="csc-frame csc-frame-indent">|</div>
	11.value = <div class="csc-frame csc-frame-indent3366">|</div>
	12.value = <div class="csc-frame csc-frame-indent6633">|</div>
	20.value = <div class="csc-frame csc-frame-frame1">|</div>
	21.value = <div class="csc-frame csc-frame-frame2">|</div>
   }
   # ...
}
-Template TypoScript end--------

hier siehst du die 'vorgegebenen' Klassen. Die Wraps kannst du aber auch 
nach belieben ändern - also z.B. die CSS-Klassen durch deine eigenen 
ersetzen, indem du z.B. das obenstehende Beispiel in dein TS-Template 
einbindest und entsprechend abänderst.

Viel Erfolg.
-- 
Gruß, Franz Koch