Typo3 - Tipps und Tricks: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
Zeile 1: Zeile 1:
 
mehr auf [[Typo3 - TS Templates]]
 
mehr auf [[Typo3 - TS Templates]]
 
und: [[Typo3 - Wichtige TypoScript Einstellungen]]
 
und: [[Typo3 - Wichtige TypoScript Einstellungen]]
 +
 +
== Rendering von Content Elementen ==
 +
=== 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 ===
 +
siehe [[Typo3 - Rahmen (Frames)]] für Rahmen
 +
 +
und ToDo für Header (Überschriften)
 +
 +
=== 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)
 +
 +
 +
 
== Suche ==
 
== Suche ==
−
 
 
===Index-Suche – kein eigenes Fenster öffnen===
 
===Index-Suche – kein eigenes Fenster öffnen===
 
'''Constants'''
 
'''Constants'''
Zeile 19: Zeile 72:
  
 
[[Typo3 - Content Elemente anpassen]]
 
[[Typo3 - Content Elemente anpassen]]
 +
 +
== 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 ==
 +
 +
== Verschiedene Einstellungen ==
 +
=== statische Seiten Simulieren ===
 +
 +
=== Einstellungen für das Admin Panel ===
 +
 +
=== Spamschutz für Email Adressen ===

Version vom 10. Februar 2006, 12:23 Uhr

mehr auf Typo3 - TS Templates und: Typo3 - Wichtige TypoScript Einstellungen

Rendering von Content Elementen

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

siehe Typo3 - Rahmen (Frames) für Rahmen

und ToDo für Header (Überschriften)

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: 

 #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>

Ausgabe einer Spalte Wrappen wenn nicht leer

Hier wird das content element nur mit einem div gewrapt wenn es nicht leer ist 

temp.rightContent < styles.content.getRight
temp.rightContent.stdWrap {
  wrap = <div id="right-main"> | </div>
  if.isTrue.numRows < styles.content.getRight
}

(TypoWizard.com 9.1.2006)


Suche

Index-Suche – kein eigenes Fenster öffnen

Constants 

styles.content.searchresult.resultTarget = _self
styles.content.searchresult.target = _self

Domains anlegen

Todo...

Mehrsprachigkeit

So baut man mehrsprachige Seiten in Typo3:

Typo3 - Mehrsprachige Seiten

Typo3 - Mehrsprachige Navigation

Typo3 - Content Elemente anpassen

Spracheinstellungen

HTML-Template einbinden

siehe auch: Typo3 - HTML-Templates 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

Verschiedene Einstellungen

statische Seiten Simulieren

Einstellungen für das Admin Panel

Spamschutz für Email Adressen

Abgerufen von „https://wiki.stephanschlegel.de/index.php?title=Typo3_-_Tipps_und_Tricks&oldid=160“