Rahmenoptionen zur Formatierung von Content nutzen
3 Kommentare | Rubrik: Allgemein Wer seinen Redakteuren die Möglichkeit zur Gestaltung einzelner Contentelemente geben möchte, dann hierzu die Rahmenoptionen nutzen und modifizieren. Somit können z.B. Zitate schnell und einheitlich gestaltet werden.
Wer die Möglichkeit haben möchte jedes Contentelement beliebig zu formatieren, kann die geboten Optionen aus dem Rahmendropdown nutzen und verändern. Folgendes TS, das in das TSConfig der Rootseite eingetragen.:
TCEFORM.tt_content.section_frame{
#Standardrahmen entfernen
removeItems = 1,5,6,10,11,12,20,21
#beliebige neue Rahmen hinzufügen
#die Zahl ist beliebig, darf aber nur ein Mal verwendet werden
#Namen sollten sprechend sein
addItems.100 = Zitat
addItems.101 = Anmerkung
}
Die Namen der neuen Elemente sollten möglichst sprechend und selbsterklärend sein, damit der Redakteur die richtigen Designs auswählen kann.
Im nächsten Schritt muss den neuen oben vergebenen Elementen entsprechende Wert zugewiesen werden. Dies wird im Setup des Root-Templates eingetragen.
tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
key.field = section_frame
100 = TEXT
100.value = <blockquote>|</blockquote>
101 = TEXT
101.value =<div class="anmerkung">|</div>
}
Nicht vergessen, sollte man hier auch die entsprechenden Klassen im CSS zu definieren. Für den oberen Code z.B. folgendes:
.anmerkung {background-color: #ff0000; color: #ffffff; padding: 10px;}
Wer den Standard Einstellungen zufrieden ist und nur den Text im Dropdown umstellen möchte kann dies im TSConfig der Rootseite folgendermaßen bewerkstelligen:
TCEFORM.tt_content.section_frame{
altLabels.20 = Neuer Name
}
Man kann aber auch das Wrapping der Standardelemente im Setup der Rootseite überschreiben:
tt_content.stdWrap.innerWrap.cObject {
key.field = section_frame
#ueberschreiben des bisherigen Rahmen 1
20 = TEXT
20.value = <div class="neuer-rahmen1">|</div>
}


3 Kommentare
Seite 1 von 1 1
schrieb am 15.07.2010 07:30
Ich habe jetzt dazu einen Blog-Beitrag geschrieben, wie die Änderung von csc-default bei TYPO3 4.4 ist http://maddesigns.de/rahmen-fuer-inhaltselemente-in-typo3-44-112.html
schrieb am 03.05.2010 07:47
huch, da wir im Kommentar "30.value = <|" das schließende DIV geparst - das bewirkt jetzt das verschieben der rechten Spalte
schrieb am 03.05.2010 07:44
Das geht nur noch mit dem css-styled-content von 4.2 - in 4.3 ist das anders. Ich habe dazu einen Artikel im TYPO3 Online Magazin TY-MA ( http://ty-ma.de ) geschrieben "Rahmen für Inhaltselemente in TYPO3 4.3". Der Syntax für 4.3 lautet gekürzt so:
tt_content.stdWrap {
innerWrap.cObject = CASE
innerWrap.cObject {
key.field = section_frame
default = COA
default {
10 = TEXT
10 {
…
}
15 = TEXT
15 {
value = csc-default
…
}
20 = COA
20 {
…
}
30 = TEXT
30.value = >|
}
…
}
…
}
Da müsste man etwas mehr anpassen, als in deinem Beispiel.