Typo3 - TS Templates: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
Zeile 6: Zeile 6:
  
 
== HTML-Template einbinden ==
 
== HTML-Template einbinden ==
 +
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 ==
 
== Einstellungen für das Page Objekt ==

Version vom 18. Januar 2006, 17:55 Uhr

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

Beispiel (das page Objekt muß natürlich vorher definiert werden):

Im TS Template Setup:

 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
    
 }

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.