Wikizone - Benutzerbeiträge [de]

Typo3 - TS Templates

2006-02-08T14:36:29Z

84.161.153.95: /* HTML-Template einbinden */

== 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.

Typo3 - TS Templates

2006-02-08T14:35:16Z

84.161.153.95: /* HTML-Template einbinden */

== 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.

Typo3 - Tipps und Tricks

2006-02-08T14:34:18Z

84.161.153.95:

mehr auf [[Typo3 - TS Templates]]

== Domains anlegen ==
Todo...

== Mehrsprachigkeit ==
So baut man mehrsprachige Seiten in Typo3:

[[Typo3 - Mehrsprachige Seiten]]

[[Typo3 - Mehrsprachige Navigation]]

[[Typo3 - Content Elemente anpassen]]

Typo3 - Tipps und Tricks

2006-02-08T14:33:59Z

84.161.153.95:

mehr auf Typo3 - TS Templates

== Domains anlegen ==
Todo...

== Mehrsprachigkeit ==
So baut man mehrsprachige Seiten in Typo3:

[[Typo3 - Mehrsprachige Seiten]]

[[Typo3 - Mehrsprachige Navigation]]

[[Typo3 - Content Elemente anpassen]]

Typo3 - Templates

2006-02-08T14:33:15Z

84.161.153.95:

[[Typo3 - Static Templates]]

Arbeiten mit [[CSS Styled Content]]

Arbeiten mit [[Typo3 - HTML-Templates]]

'''Wichtige Einstellungen''' in [[Typo3 - TS Templates]] und [[Typo3 - Tipps und Tricks]]

'''Navigation''' [[Typo3 - Navigation]]

'''Content Elemente'''

[[Typo3 - grafische Überschriften (Header)]]

[[Typo3 - Rahmen (Frames)]]

ToDo

Typo3 - HTML-Templates

2006-02-08T14:13:47Z

84.161.153.95:

Vorgehen:
* Eine HTML Datei als Vorlage erstellen und dann mit Markern bzw. Subbereichen versehen, die nachher mit Inhalten aus der Datenbank gefüllt werden können. Man kann auch alles im TS erstellen. In der Zusammenarbeit mit einem Grafiker ist aber die HTML-Vorlage sehr praktisch.
* Zugehörige CSS-Datei erstellen wenn gewünscht. Es ist auch möglich aus dem TypoScript heraus automatisch eine CSS - Datei erstellen zu lassen.

Das ganze kommt dann am besten in den fileadmin Ordner.

'''Beispiel'''
Ordnerstruktur:
fileadmin
-template
-main.html (die HTML Vorlage)
-css
-main.css
-images
-bildchen.jpg

HTML-Datei (nur mit submarkern):
<pre>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>altes rathaus bretten | cafe | restaurant | bar | live music</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div align="center">
<div id="container">
<div id="logo">
<div id="header_bild"></div>
</div>
<div id="navi">

navi

</div>
<div id="content_inhalt">

content


content right

</div>
<div id="impressum"></div>
</div>
</div>

</body>
</html>
</pre>

== TypoScript Haupttemplate erstellen ==

* Im Backend bei Templates ein neues Template erstellen:
** Am besten erst mal ein paar Seiten anlegen z.B. so:

<pre>
-root (weiterleitung auf Home
-HOME
-Seite2
-...
</pre>

** Im Templates Modul ein neues Template auf root anlegen (root klicken New>Template)
** Das neu erstellte (NEW_SITE) im Modus Info/Modify bearbeiten
** besseren Namen vergeben (z.B. main.tmpl)
* Wichtige Standard Templates einbinden. Welche hängt von der Art des Layouts ab nähere Infos gibts unter: [[Typo3 - Static Templates]]
** Früher (Tabellenlayout) Content(Default) und cSet(default) bzw. cSetStylesheets aus der Tabelle Include static
** Heute (CSS-Layout) css_styled_content (den zuerst installieren, liegt in Available Extensions to install) und css_styled_IMGTEXT (wird in Typo3 V4 integriert sein.)

* Setup im Haupttemplate am Beispiel CSS-Layout
<pre>
# Default PAGE object:
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/template/css/main.css
page.10 = TEMPLATE
page.10{
template = FILE
template.file = fileadmin/template/main.html

### Subparts ansprechen ###
workOnSubpart = DOCUMENT_BODY

# Hauptinhalt
subparts.CONTENT < styles.content.get
subparts.CONTENT.wrap = <div class="content"> | </div>

#Inhalt rechts
subparts.CONTENT_RIGHT < styles.content.getRight
subparts.CONTENT_RIGHT.wrap = <div class="content_right"> | </div>

### Hauptnavigation ###
subparts.NAVI < temp.navi_vGmenu
}
</pre>

Typo3 - HTML-Templates

2006-02-08T14:06:02Z

84.161.153.95: Templates mit HTML - Vorlagen erstellen

Vorgehen:
* Eine HTML Datei als Vorlage erstellen und dann mit Markern bzw. Subbereichen versehen, die nachher mit Inhalten aus der Datenbank gefüllt werden können. Man kann auch alles im TS erstellen. In der Zusammenarbeit mit einem Grafiker ist aber die HTML-Vorlage sehr praktisch.
* Zugehörige CSS-Datei erstellen wenn gewünscht. Es ist auch möglich aus dem TypoScript heraus automatisch eine CSS - Datei erstellen zu lassen.

Das ganze kommt dann am besten in den fileadmin Ordner.

'''Beispiel'''
Ordnerstruktur:
fileadmin
-template
-main.html (die HTML Vorlage)
-css
-main.css
-images
-bildchen.jpg

HTML-Datei (nur mit submarkern):
<pre>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>altes rathaus bretten | cafe | restaurant | bar | live music</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div align="center">
<div id="container">
<div id="logo">
<div id="header_bild"></div>
</div>
<div id="navi">

navi

</div>
<div id="content_inhalt">

content


content right

</div>
<div id="impressum"></div>
</div>
</div>

</body>
</html>
</pre>

== TypoScript Haupttemplate erstellen ==

* Im Backend bei Templates ein neues Template erstellen:
** Am besten erst mal ein paar Seiten anlegen z.B. so:
-root (weiterleitung auf Home

-HOME

-Seite2

-...
** Im Templates Modul ein neues Template auf root anlegen (root klicken New>Template)
** Das neu erstellte (NEW_SITE) im Modus Info/Modify bearbeiten
** besseren Namen vergeben (z.B. main.tmpl)
* Wichtige Standard Templates einbinden. Welche hängt von der Art des Layouts ab nähere Infos gibts unter: [[Typo3 - Static Templates]]
** Früher (Tabellenlayout) Content(Default) und cSet(default) bzw. cSetStylesheets aus der Tabelle Include static
** Heute (CSS-Layout) css_styled_content (den zuerst installieren, liegt in Available Extensions to install) und css_styled_IMGTEXT (wird in Typo3 V4 integriert sein.)

* Setup im Haupttemplate am Beispiel CSS-Layout

Typo3 - HTML-Templates

2006-02-08T13:44:18Z

84.161.153.95:

Typo3 - HTML-Templates

2006-02-08T13:43:46Z

84.161.153.95: Typo3 - Templates mit HTML-Vorlage erstellen

Typo3 - Einrichten

2006-02-08T13:30:55Z

84.161.153.95: /* Templates einrichten */

== Installation ==
[[Typo3 - Installation]]

== Benutzer einrichten ==
[[Typo3 - Benutzer einrichten]]

== Templates einrichten ==
Wie erstellt man Templates: [[Typo3 - Templates]]

Die Standard Templates in Typo3: [[Typo3 - Static Templates]]

== Rich Text Editor (RTE) einrichten ==

=== Restriktive RTE-Konfiguration ===

Typo3 - Installation

2006-02-08T13:29:30Z

84.161.153.95: /* Database Analyser */

== Uploaden ==

# Typo3 - Dummy auf den Server laden
# Aus dem Installscript /typo3/install/index.php die die() Funktion auskommentieren
# Install Skript im Browser aufrufen (Standard Passwort ist joh316)
# Passwort ändern !! und neu einloggen (evt. Schreibrecht für /typo3/typo3conf/localconf.php setzten)

== Basic Configuration ==

# Schreibrechte für die rot markierten Ordner ändern und den den fileadmin Ordner ebenfalls schreibbar machen.
# Datenbank Zugangsdaten eingeben. Host ist in der Regel 'localhost'
# Update localconf.php klicken dann click to continue
# Jetzt die Datenbank im neuen Dropdownfeld. Auswählen
# Encryption key: Generate Knopf klicken

== Database Analyser ==
# Benötigte Tabellen anlegen: Compare klicken - dann write to database
# Dump static data IMPORT
# (Notwendig?) Tabellen füllen mit statischen Templates typo3conf/database.sql (1.1 M) ebenfalls Compare und write to database
# admin User erstellen damit man sich im Backend einloggen kann.

== All Configuration ==
# [gdlib_2] auf 1 stellen Wenn GDlib Version 2 Verwendet wird
# [TTFdpi] muß auf 96 stehen wenn die Schrift im Bild bei 'Basic Configuration' nicht vollständig angezeigt wird.
# [noEdit] auf 0 stellen dann kann man vom Backend-Bereich Text-Dateien (z.B. CSS-Files) verändern.
# [warning_email_addr] setzten dann bekommt man eine Email wenn sich jemand viermal falsch einloggt

Typo3 - Installation

2006-02-08T13:29:19Z

84.161.153.95: /* Basic Configuration */

Typo3 - Installation

2006-02-08T13:25:40Z

84.161.153.95: /* Uploaden */

Typo3 - Installation

2006-02-08T13:25:01Z

84.161.153.95: Typo3 Installieren und Einrichten

== Uploaden ==

# Typo3 - Dummy auf den Server laden
# Aus dem Installscript /typo3/install/index.php die die() Funktion auskommentieren
#
# Install Skript im Browser aufrufen (Standard Passwort ist joh316)
# Passwort ändern !! und neu einloggen (evt. Schreibrecht für /typo3/typo3conf/localconf.php setzten)

== Basic Configuration ==

# Schreibrechte für die rot markierten Ordner ändern und den den fileadmin Ordner ebenfalls schreibbar machen.
# Datenbank Zugangsdaten eingeben. Host ist in der Regel 'localhost'
# Update localconf.php klicken dann click to continue
# Jetzt die Datenbank im neuen Dropdownfeld. Auswählen
# Encryption key: Generate Knopf klicken

== Database Analyser ==
# Benötigte Tabellen anlegen: Compare klicken - dann write to database
# Dump static data IMPORT
# (Notwendig?) Tabellen füllen mit statischen Templates typo3conf/database.sql (1.1 M) ebenfalls Compare und write to database
# admin User erstellen damit man sich im Backend einloggen kann.

== All Configuration ==
# [gdlib_2] auf 1 stellen Wenn GDlib Version 2 Verwendet wird
# [TTFdpi] muß auf 96 stehen wenn die Schrift im Bild bei 'Basic Configuration' nicht vollständig angezeigt wird.
# [noEdit] auf 0 stellen dann kann man vom Backend-Bereich Text-Dateien (z.B. CSS-Files) verändern.
# [warning_email_addr] setzten dann bekommt man eine Email wenn sich jemand viermal falsch einloggt

Typo3 - Installation

2006-02-08T13:12:15Z

84.161.153.95: