Wikizone - Benutzerbeiträge [de]

Typo3 - Rahmen (Frames)

2010-08-15T13:37:21Z

84.157.185.89: /* Rendering der Rahmen (Frames) ändern */

Zum Anpassen kann man den Hebel an verschiedenen Stellen ansetzen.

# Nicht benötigte Einträge entfernen
# Aussehen (Rendering)der Rahmen zu verändern.
# Die Bezeichnungen der Auswahlliste zu verändern.
# Die Position des Auswahlfeldes zu beeinflussen.

== Bisher vorhandene Rahmen Einstellungen entfernen ==
Definitionen der verschiedenen '''Layouts im Seiten TSconfig:'''

TCEFORM.tt_content.section_frame.removeItems = 5,6,10,11,12,20,21

Bestehende Einstellung '''umbenennen:'''

TCEFORM.tt_content.section_frame.altLabels.1 = Layout1

Eigene Einstellungen '''hinzufügen:'''

TCEFORM.tt_content.section_frame.addItems.2 = Layout2
TCEFORM.tt_content.section_frame.addItems.3 = Layout3

== Rendering der Rahmen (Frames) ändern ==

Hinweis: wenn mit neueren Versionen von TYPO3 oder mit csc gearbeitet wird muß man die Renderobjekte an anderer Stelle suchen (siehe Beispiel 3). Der Objektbrowser hilft hier weiter.

'''Beispiel 1'''
<pre>
tt_content.stdWrap{
innerWrap.cObject{
20.value >
20.value = <div class="frame1">|</div>
21.value >
21.value = <div class="frame2">|</div>
}
}
</pre>

Dies ändert die Rahmenvorlagen Frame1 und Frame2 (Rahmen1 und Rahmen2)

Mit dem Object Browser kommt man schnell den anderen Typen auf die Spur.

'''Beispiel 2'''

Hier wird zum Beispiel das erste Layout von "xxx" und "yyy" umschlossen.
Her wäre natürlich ein DIV oder ähnliches möglich.

tt_content.stdWrap.innerWrap.cObject.1 = TEXT
tt_content.stdWrap.innerWrap.cObject.1.value = xxx|yyy

'''Beispiel 3'''
Beispiel mit CSS Styled Content
<pre>
tt_content.stdWrap{
innerWrap.cObject{
20.30.value >
20.30.value = ><div class="top"></div> <div class="content">|</div> <div class="bot"></div> </div>
}
}
</pre>
Hier werden 3 Divs eingesetzt um z.B. Boxen mit Ober und Unterteil zu erzeugen
'''Die Nummern der Standard-Objekte'''
1 - invisible
5 - ruler before
6 - ruler after
10 - frame intend
11 - 3366
12 - 6633
20 - frame1
21 - frame2

== Bezeichnungen der Rahmen im Backend ==

Diese lassen sich '''nicht''' wie die Headers in der Benutzerkonfiguration im TCE Feld einstellen.

Eine Möglichkeit ist das Sprachfile direkt anzupassen.

Das relevante Sprachfile liegt unter: /typo3conf/ext/csh_de/cms/de.locallang_ttc.xml

'''Update:''' geht doch siehe hier
[[Typo3 - TSConfig]]

== Anordnung des Auswahlfelds anpassen ==
In ext_tables.php einer beliebiegen (oder neuen) Extension

section_frame nach vorne schieben, damit das Layout links erscheint und nicht ganz hinten rechts.

Einfach in die Datei ext_tables.php einer Extension folgendes eintragen.

$TCA['tt_content']['palettes']['4']['showitem']='section_frame, sys_language_uid, colPos, spaceBefore, spaceAfter, sectionIndex, linkToTop';

Natürlich können Sie hier auch eine andere Reihenfolge festlegen oder bei der Gelegenheit gleich andere Felder auch noch verschieben.

Weitere Infos zum Thema Backend unter [[Typo3 - Backend anpassen]]

Yahoo User Interface CSS Grid - YUI CSS Grid

2010-08-15T13:07:18Z

84.157.185.89: /* Randspalte anpassen */

Für Schnellinfos siehe
http://developer.yahoo.com/yui/grids/
Insbesondere das Cheat Sheet
== YUI anpassen ==
Das YUI Grid ist nur bedingt für selbst definierte Spaltengrößen die nicht in den vorgegebenen Rastermaßen sind geeignet. Man kann es aber relativ einfach anpassen, wenn man die richtigen Stellen weiß.

== Randspalte und Gesamtbreite anpassen ==

'''Beispiel'''
<pre>
/* yui customization */

#custom-doc {
width:900px;
}

.yui-t2 #yui-main .yui-b {
margin-left:265px;
}
/* Adjust Content Borders*/
#content-normal{
padding:0 32px 0 16px;
}

</pre>

Notizen

2010-08-15T12:56:49Z

84.157.185.89: /* Notizen */

== Notizen ==

Seite um schnell mal was aufzuschreiben

* Template Selector -> Wrapper nutzen um Klasse für spezielle Formatierungen mitzugeben (z.B. portal für portal css, farbe für Farbschema etc.

* bei yui in den subtemplates left normal und right und für die Randspalte border reservieren (TS im Muster für template selector entsprechend anpassen

Notizen

2010-08-15T12:56:22Z

84.157.185.89: /* Notizen */

Notizen

2010-08-15T12:53:13Z

84.157.185.89:

Yahoo User Interface CSS Grid - YUI CSS Grid

2010-08-15T11:40:13Z

84.157.185.89: