Typo3 Templates erstellen

amps5000

New member
Hallo
Ich komme mir dem Erstellen von Typo3 Templates nicht zurecht.
Wer kann mir schnell erklären, wie das geht in kurzer einfacher Anleitung.
Meine Vorstellung von der homepage kann unter kirar.de eingesehen werden. Thanxxxxxx!
 

Compiler

Administrator
Hallo amps5000

Erstell mal eine htm ldatei mit dem namen "layout.html" und füge folgendes in sie ein:

Code:
###BEREICH###
    <span class="main_content">###CONTENT###</span>
###BEREICH###

Danach erstellst du ein Template (links im BackEnd wenn du eingeloggt bist anklicken udn eine Seite unetr der Weltkugel anklicken).

Dort fügst du folgendes ins SETUP:

Code:
page = PAGE
page.headerData.10 = TEXT 
page.headerData.10.value ( 
<link rel="stylesheet" type="text/css" href="fileadmin/template/main/style3.css"> 
)
page.typeNum = 0
page.10 = TEMPLATE
page.10 {
 template=FILE
 template.file=fileadmin/template/main/template3.html
 workOnSubpart = BEREICH

 marks.CONTENT < styles.content.get 
 marks.CONTENT.select.orderBy = sorting
 marks.CONTENT.select.where = colpos=0
 }


Jetzt füge mal Inhalt (engl. Content) in eine Seite im Typo3 backend, die solltest du dann dort angezeigt bekommen.

Achja, die zeile : template.file=fileadmin/template/layout.html
sagt , wo die layout.html von dir ist. Lad sie auf dem Server in den Ordner fileadmin/template/ hoch .


Compiler
 

amps5000

New member
Hi Compiler, Danke für die schnelle Hilfe.
Ist denn layout.html = template3.html ?
Oder was ist die template3.html im code setup?
Ein Template habe ich erstellt indem ich auf Template gehe, List, dann create new record, ist das auch OK?
Leider funktioniert noch gar nichts :(
 

Compiler

Administrator
Du musts eien HTML Datei erstellen und die dann in den Ordnern fileadmin/template/main/ mit dem namen template3.html reintun.

oO

Hast du dir denn wenisgtens BISSCHEN das Modern Template durchgelesen? Wenn ja, wüsstest du die Grundlagen.

http://typo3.org/documentation/document-library/doc_tut_templselect/Modern_Template_Buil-1/

Viel Spaß beim lesen :)

Wenn du Fragen hast, stell sie.

PS: Geh im BackEnd links auf Template und dann die Ebene unter der Weltkugel ,dort kannst du ein Template erstellen.

Mfg

Compiler
 

amps5000

New member
Ich habe die Doku gelesen und das Prinzip verstanden. Meine T3 Installation hat viele Fehler denke ich. im Testaccount bei mittwalmedien.de klappt alles gut.
Wie sehen denn Stylesheet CSS Dateien für Typo3 aus, kann mir einer ein Bsp zeigen? Und im Typo3.org Tut wo sind denn die template.html Dateien?
 

Compiler

Administrator
Hi amps5000,

so würde eine CSS aussehen:

Code:
body { 
background-color:#FFFFFF;
margin: 0px 0px 0px 0px;}
A:link {
    font-family: Arial;
    color: #382d92;
    font-size: 11px;
	font-weight: bold;
    text-decoration : none;
}
A:visited {
  font-family: Arial;
    color: #382d92;
    font-size: 11px;
	font-weight: bold;
    text-decoration : none;
}
A:hover {
  font-family: Arial;
    color: #382d92;
    font-size: 11px;
	font-weight: bold;
    text-decoration : none;
}
A:active {
  font-family: Arial;
    color: #382d92;
    font-size: 11px;
	font-weight: bold;
    text-decoration : none;
}

P  { color: #000; font-size: 12px; font-family: Arial;  text-indent: 0; margin-top: 0; margin-bottom: 0; padding-left: 20px }

Mfg

Compiler
 

amps5000

New member
Danke Compiler
Aber es ist auch egal wenn ich keine css angebe, oder?
Was ist denn ein t3d Datei? Ist das eine Template Datei und
wie installiere ich diese?
 

Compiler

Administrator
Eine t3d ? Wo siehst du die?

CSS ist eigentlich wichtig für das Aussehen der Seite, weil man dort die Farben,Schriftarten/größen etc auswählt.

Du müsstest dan nschon auf dem Template was sehen, tust du das?

Hast du im Template File auch die ###BEREICH### am Anafang der Datei und Ende der HTML-Datei ?

mfg

Compiler
 

Compiler

Administrator
Da müsste mal mit TypoScript programmieren. Ich würde dir raten lieber mehrere Templates erstellen für jede Seite einen anderen, wo du die Links anders haben willst.

Ansonsten kannst du in dem Link am Ende der Datei einen Marker wie ###DATEI### setzen udn diesen bei jeder Seite anders füllen (z.B. als Text und das dort datei.jpg oder aman.html rauskommt).

Du solltest das Projekt erstmal klein anfangen und dann dich reinsteigern. mach erst die kleinen Dinge.

MfG

Compiler
 

Compiler

Administrator
Richtig,

sehr gute Doku, wo man viel versteht.

Ich denke, dir sind nun einige Lichter aufgegangen ;)
Wenn man die Grundlagen drauf hat, ist der Rest wirklich einfacher.

MfG
Compiler
 
X
Keine passende Antwort gefunden?