Wikizone - Benutzerbeiträge [de]

Typo3 - TS Templates

2006-03-10T14:46:27Z

84.161.189.208: /* Senkrechter Strich bei Wrap */

== 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 = | | |*||*| |</nowiki>
</pre>

Typo3 - TS Templates

2006-03-10T14:45:51Z

84.161.189.208: /* Senkrechter Strich bei Wrap */

== 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>
tt_content.menu.20.2.1.NO.linkWrap = | | |*||*| |
</pre>

Typo3 - Wichtige TypoScript Einstellungen

2006-03-10T12:17:23Z

84.161.189.208:

Einige wichtige Einstellungen:
Es macht Sinn diese Einstellungen in einem kleinen Template einzubinden z.B. extSettings.tmpl

<pre>

### SEO ### Achtung .htaccess Datei muss im Webverzeichnis angelegt werden
config.simulateStaticDocuments = 1

### Spamschutz von Email-Adressen ###
config.spamProtectEmailAddresses_atSubst = (at)
config.spamProtectEmailAddresses = 1

### allgemeines Rendering ###
page.bodyTag = <body>
page.shortcutIcon = fileadmin/eiszeit/templates/favicon.ico

### HTML-Standard ###
#Doctype Einstellungen und Änderungen für Valides XHTML sowie CSS
config.doctype = xhtml_trans
config.xhtml_cleaning = all
config.xmlprologue = none
config.doctypeSwitch = 1

### Spracheinstellungen ###
#Länderspezifische Einstellungen (siehe auch mnultilanguage)
config.language = de
config.htmlTag_langKey = de_DE
config.locale_all = de_DE

### CSS ###
# Inline Styles auslagern
config.inlineStyle2TempFile = true

##############################
### Rendering von Inhalten ###
##############################

### POPUPS ###
tt_content.image.20{
1.imageLinkWrap = 1
1.imageLinkWrap {
enable = 1
bodyTag = <BODY bgColor=white leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
wrap = <A href="javascript:close();"> | </A>
JSwindow = 1
JSwindow.newWindow = 1
JSwindow.expand = 0,0
}
}

### Formulare ###
styles.content.mailform {
fieldWrap = <div class="mailform"> | </div>
labelWrap = <div class="mailformlabel"> | </div>
commentWrap = <div class="mailformcomment"> | </div>
radioWrap = <div class="mailformradio"> | </div>
REQ.labelWrap = <div class="mailformrequired"> | </div>
target = _self
badMess = Bitte füllen Sie noch folgendes Feld aus:
}

### Suchformular ###
styles.content.mailform.target = _self
styles.content.searchform.target = _self
styles.content.searchresult.target = _self

### Filelinks ###
tt_content.uploads.20.10.split.1.filelink{
stdWrap.wrap = |
file.wrap = <span class="filelink"> | </span>
size.wrap = |
size.innerWrap = |
size.wrap = <span class="filesize"> | </span>
size.bytes.labels = Byte| KB| MB| GB
descriptionWrap = <span class="small"> | </span>
}
tt_content.uploads.20.20.wrap = <span class="small">|</span>

### Externe Links ###
config.extTarget= _blank

### sonstiges ###
message_page_is_being_generated= Einen Moment bitte. Die Seite wird erstellt

#[...]

</pre>