Teaser
The more I see, the more I know
The more I know, the less I understand
clear

Muster Vorlagen für Typo3

Der Einstieg in Typo3 ist relativ schwer, da erleichtern einen Vorlagen schon den Einstieg. Ich habe hier zwei Templates, eins fuer ein Textmenu, eins fuer ein graphisches Menue.


Installation

Bei der Installation gehe ich wie folgt vor:

Ich erstelle in mysql eine neue Datenbank, neuen User und stelle die rechte so ein, dass der User nur die neue Datenbank bearbeiten kann
dann installiere ich das Dummy Paket von typo3.org/download/packages/
passe die Datei <HTML DIR>/typo3/install/index.php an, damit man Typo3 installieren kann
rufe <DOMAIN>/typo3 auf und folge der Installation

 

 

 



Textmenu: Muster HTML Vorlage und Typo3 Konfiguration

Ich installiere mir grundsätzlich das Dummy Paket von Typo3. Nach der Installation nehme ich folgende Änderungen vor bzw. installiere folgende Files:

 

Im Menüpunkt "Seite" auf den Globus klicken und dort mit "NEU" eine neue, erste Seite anlegen. Dieses ist nun die ROOT Seite unserer Homepage
Mittels "Template" neue Template für unseren Webauftritt erstellen. Auf Click here to edit whole template record klicken und dort dieses File in Setup eintragen.
Bei Template noch bei include Static "content (default)" und "cSet (Stylesheet)" auswählen.
Als HTML Template verwende ich auf www.krename.net dieses File: Download
Zur Anpassung der Darstellung sollte man dann das CSS file in /media/scripts/defaultstylesheet.css anpassen. Meins sieht so aus: Download




Graphisches Menue: Muster HTML Vorlage und Typo3 Konfiguration

Im Menüpunkt "Seite" auf den Globus klicken und dort mit "NEU" eine neue, erste Seite anlegen. Dieses ist nun die ROOT Seite unserer Homepage
Mittels "Template" neue Template für unseren Webauftritt erstellen. Auf Click here to edit whole template record klicken und dort dieses File in Setup eintragen.
Bei Template noch bei include Static "content (default)" und "cSet (Stylesheet)" auswählen.
Als HTML Template verwende ich auf www.stonki.de dieses File: Download
Zur Anpassung der Darstellung sollte man dann das CSS file in /media/scripts/defaultstylesheet.css anpassen. Meins sieht so aus: Download

Anmerkungen und Bugfixes

von Josef, bitte beachten:

"

mir ist gerade ein Fehler in der Datei: template_new.html
aufgefallen. Habe Deine Anleitung zwecks Selbststudiums abgearbeitet
und nur eine leere Seite erhalten. Nach einigem Suchen bin ich darauf gekommen, daß bei der letzten Marke DOCUMENT ein # Zeichen fehlt.
Dann gehts.

Beim Skript random_image.php hatte ich bei mir einen relativen setzen müssen
"fileadmin/template/img/random" bzw. bin dann dahintergekommen, daß ich bei einem absoluten Pfad von der Document-Root ausgehen muß,
z. B. "/cms/fileadmin/img/random"

"