Bearbeiten von „Typo3 - TS Templates“

== Typo3 - TypoScript Grundeinstellungen ==
Es gibt einige Grundsätzliche Einstellungen die immer wieder gemacht werden müssen. Hier finden sich einige davon. Einige weiterführende Einstellungen finden sich in [[Typo3 - Tipps und Tricks]]


== Spracheinstellungen ==

== HTML-Template einbinden ==
siehe auch: [[Typo3 - HTML-Templates]]
Beispiel (das page Objekt muß natürlich vorher definiert werden):

Im TS Template Setup:

 <pre>
 page.10 = TEMPLATE
 page.10{
   template = FILE
   template.file = fileadmin/templates/main.html
 
   ### Subparts ansprechen ###
   workOnSubpart = DOCUMENT_BODY
 
   # Rootline (Pathway) einfügen ###
   subparts.ROOTLINE < temp.rootline_html
   
   # Hauptinhalt
   subparts.CONTENT < layoutWrap
   subparts.CONTENT.wrap = <div class="content"> | </div>   
   
   #Inhalt rechts
   subparts.CONTENT_RIGHT < styles.content.getRight
   subparts.CONTENT_RIGHT.wrap = <div class="content"> | </div>
  
   # Rand bzw. Header
   subparts.HEADER < styles.content.getBorder
   subparts.HEADER <div class="header"> | </div>
   # subparts.HEADER < temp.flashHeader
  
   ### Hauptnavigation ###
   subparts.NAVI_LINKS < temp.navi_gLayer
  
   ### rechte Navi ###
   subparts.NAVI_RECHTS <temp.naviGRight
    
 }
</pre>

== Einstellungen für das Page Objekt ==

== statische Seiten Simulieren ==

== Einstellungen für das Admin Panel ==

== Spamschutz für Email Adressen ==

== Einstellungen für Bilder ==
Größe (maximal, minimal, Popups, Skalierung, Bildunterschriften...)

== Link to Top ==

== Darstellung von Tabellen ==
Betrifft hauptsächlich das static Template content(default)

== clear.gif und Absätze loswerden ==
content(default)

== externe Links ==
_self oder _blank, aussehen...
styles.content.links.extTarget (bei css_styled_content)

== Listenpunkte und Aufzählungen ==

== Layoutauswahl ==

== Inline CSS loswerden ==
Bei vielen Extensions und bei CSS Styled ImgText liegt das CSS Inline. Besser wäre ist es das CSS komplett in eigene Dateien auszulagern.

== JavaScript in externe Datei auslagern ==
Z.B. der kleine JavaScript Schnipsel für das Blur im IE auslagern.
Wie bindet man externes JavaScript ein.

== Ausgabe einer Spalte Wrappen ==
'''Beispiel:'''
<pre>
 #Inhalt rechts
 subparts.CONTENT_RIGHT < styles.content.getRight
 #Ganze Spalte Wrappen
 subparts.CONTENT_RIGHT.wrap = <div class="content_right"> | </div>
 #Einzelnes Element Wrappen 
 subparts.CONTENT_RIGHT.renderObj.stdWrap.wrap=<div class="bordered">|</div>
</pre>
=== Ausgabe einer Spalte Wrappen wenn nicht leer ===
Hier wird das content element nur mit einem div gewrapt wenn es nicht leer ist
<pre>
temp.rightContent < styles.content.getRight
temp.rightContent.stdWrap {
  wrap = <div id="right-main"> | </div>
  if.isTrue.numRows < styles.content.getRight
}
</pre>
(TypoWizard.com 9.1.2006)


=== Senkrechter Strich bei Wrap ===


Um bei einem Wrap (zum Beispiel im Menü) zwischen jedem Eintrag einen senkrechten Strich | darzustellen, ist folgende Eingabe möglich:
<pre>
 <nowiki>tt_content.menu.20.2.1.NO.linkWrap = | &#124;&nbsp;|*||*| |</nowiki>
</pre>