Dies ist eine alte Version des Dokuments!
<INCLUDE_TYPOSCRIPT:source="file:fileadmin/ordner/dateiname.t3s">
Für die vier Standard-Spalten in TYPO3 ist die Frontend-Ausgabe des Seiteninhalts schon in css_styled_content
konfiguriert. Mit TypoScript kann diese Konfiguration einfach an die gewünschte Stelle kopiert werden:
# colPos = 0: 10 < styles.content.get # colPos = 1: 10 < styles.content.getLeft # colPos = 2: 10 < styles.content.getRight # colPos = 3: 10 < styles.content.getBorder
Wer mehr Spalten benötigt, kann mit Backend-Layouts die gewünschte Menge sowie das Layout im Backend einstellen. Um die Seiteninhalte der zusätzlichen Spalten im Frontend ausgeben zu können, benötigt man noch folgendes TypoScript. Diese Konfiguration ist identisch mit der in css_styled_content
für die Standard-Spalten.
page.10.marks.NEWCOLUMN = CONTENT page.10.marks.NEWCOLUMN { table = tt_content select { orderBy = sorting where = colPos=4 # Muss bei mehrsprachigen Websites gesetzt werden, sonst wird der Inhalt aller Sprachen ausgegeben. select.languageField = sys_language_uid } }
css_styled_content gibt Überschriften aus dem Feld Header wie folgt aus:
<div class="csc-header csc-header-n1"> <h1 class="csc-firstHeader">Überschrift erster Ordnung, erste Überschrift auf Seite</h1> </div> <div class="csc-header csc-header-n2"> <h1>Überschrift erster Ordnung</h1> </div> <div class="csc-header csc-header-n3"> <h2>Überschrift zweiter Ordnung</h2> </div>
Jede Überschrift wird also mit einem zusätzlichen div-Element umschlossen, welches eine allgemeine Klasse und eine fortlaufend nummerierte Klasse (-n1 etc.) erhält. Die erste Überschrift auf jeder Seite erhält zudem die Klasse csc-firstHeader.
Mit dem folgenden TypoScript wird folgendes erreicht: Die div-Elemente werden komplett entfernt. Stattdessen wird allen Überschriften direkt eine Klasse zugewiesen, die abhängig vom Wert im Feld header_layout ist. Die praktische Klasse der ersten Überschrift auf einer Seite bleibt erhalten.
Dieses TypoScript sorgt dafür, dass Überschriften aus dem RTE ebenfalls Klassen erhalten:
Ergebnis:
Hiermit lassen sich Auflistungszeichen und Text separat formatieren. <html><ul><li style=„color:red;list-style-type:disc“>Listenelement mit andersfarbigem Zeichen</li></ul></html> Setup:
lib.parseFunc_RTE.externalBlocks := addToList(ol,ul,li) lib.parseFunc_RTE.externalBlocks { li.callRecursive = 1 li.callRecursive.alternativeWrap = <li><span>|</span></li> li.stdWrap.HTMLparser { allowTags = li,span,p removeTags = p } ul.callRecursive = 1 ol.callRecursive = 1 }
CSS:
li {color:red;} li > span {color:black;}