*edit: Argh, nun ist der Titel auch noch abgeschnitten*
Buch: Praxiswissen TYPO3 - Template Quellcode - Frage
Guten Tag, ich habe soweit erfolgreich das Buch von Herrn Meyer durchgearbeitet und auch den entsprechenden TYPO Script Template Quelltext erstellt, wie er beschrieben wurde. Doch habe ich am Ende nun folgendes Problem, dass sich der Inhalt von Seiten weder rechts noch in der Mitte darstellen lässt.
Vielleicht ist dieses ein typischer Anfängerfehler oder schon jemandem bekannt, ansonsten habe ich den langen Quellcode mitkopiert.
Über Rückmeldungen würde ich mich freuen!
MfG
Jonas MzH
P.S.: Seitenangaben stimmen!
config.linkVars = L
config.sys_language_uid = 0
config.language = de
config.spamProtectEmailAddresses = 1
# Die Webseite darstellen
page = PAGE
page {
typeNum = 0
# Allgemeine Seiteneigenschaften setzen
bodyTag = <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
meta.AUTHOR = Robert Meyer
meta.DESCRIPTION = Hier steht eine Beschreibung
stylesheet = fileadmin/style.css
# Die Designvorlage integrieren
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/vorlage.html
10.workOnSubpart = DOKUMENT
10.marks {
# Den Platzhalter DATUM ansprechen
DATUM = COA_INT
DATUM {
# Den Begrüßungstext realisieren
10 = TEXT
10 {
value = Guten Morgen
wrap = |, heute ist der
}
# Das aktuelle Datum ausgeben
20 = TEXT
20 {
data = date:d.m.Y
}
}
# Das Logo einlesen
LOGO = IMAGE
LOGO.file = fileadmin/beispiel/images/logo.jpg
LOGO.file.width = 178
# Den Trailer dynamisch ansprechen
TRAILER = IMAGE
TRAILER.file = GIFBUILDER
TRAILER.file {
XY = 759, 99
backColor = #FFFFFF
# Das Hintergrundbild einlesen
10 = IMAGE
10.file.import = uploads/media/
10.file.import.data = levelmedia:-1, slide
10.file.import.listNum = 0
10.file.width = 759
10.offset = 0, 0
# Den Verlauf einarbeiten
20 = IMAGE
20.file = GIFBUILDER
20.file.backColor = #FFFFFF
20.file.XY = 759,99
20.mask = fileadmin/beispiel/images/mask.jpg
# Text auf den Trailer rendern
30 = TEXT
30.text.field = subtitle // title
30.fontFile = fileadmin/fonts/verdana.ttf
30.fontSize = 24
30.fontColor = #364497
30.niceText = 1
30.offset = 10, 85
# Das Logo auf Ebene 10 einbinden
10 = IMAGE
10.file = fileadmin/beispiel/images/logo.jpg
10.file.width = 100
10.offset = 659, 0
# Grafischen Text auf Ebene 20 rendern
20 = TEXT
20.text.field = title
20.fontFile = fileadmin/fonts/verdana.ttf
20.fontSize = 20
20.fontColor = white
20.niceText = 1
20.offset = 10, 30
# Einen Schatten als Kopie der Ebene 20 realisieren
#15 < .20
#15.offset = 12, 32
#15.fontColor = #000000
}
# Das Textmenü oben erstellen
MENU_OBEN = HMENU
MENU_OBEN {
special = directory
special.value = 57
1 = TMENU
1.NO = 1
1.NO.linkWrap = | | |*| | | |*| |
}
# Das grafische Menü erstellen
MENU_LINKS = HMENU
MENU_LINKS {
wrap = <img src="fileadmin/images/linie_weiss.gif" width="178" height="1" alt="" /><br />|
special = directory
special.value = 62
entryLevel = 1
1 = GMENU
1.NO = 1
1.NO {
wrap = |<br />
XY = 178, 24+[16.h]
backColor = #364497
# Text auf den Menüpunkt rendern
10 = TEXT
10.text.field = title
10.text.listNum = 0
10.text.listNum.splitChar = |
10.fontColor = #FFFFFF
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 12
10.niceText = 1
10.offset = 14, 16
# Eine ggf. vorhandene zweite Textzeile
15 < .10
15.text.listNum = 1
15.offset = 14, 32
# Hilfsebene zur Berechnung der Höhe von Menüpunkten
16 < .10
16.text.case = upper
16.text.listNum = 1
16.fontSize = 22
16.offset = 1000,1000
# Eine weisse Linie erzeugen
20 = IMAGE
20.file = GIFBUILDER
20.file {
XY = 178, 1
backColor = #FFFFFF
}
20.offset = 0, 23+[16.h]
}
# Einen RollOver-Zustand beschreiben
1.RO < .1.NO
1.RO.backColor = #061467
# Die zweite Ebene als Kopie der ersten Ebene beschreiben
2 < .1
2.NO {
backColor = #D3E2F9
10.fontColor = #061467
10.fontSize = 11
}
2.RO < .2.NO
2.RO.backColor = #C1D5F4
}
# Den Platzhalter KLICKPFAD ansprechen
# Objekt COA wird zwischengeschaltet, um einen zusätzlichen
# Text angeben zu können.
KLICKPFAD = COA
KLICKPFAD {
# Der vorgeschaltete Text
10 = TEXT
10.value = Sie befinden sich hier:
# Den Klickpfad an Position 20 darstellen
20 = HMENU
20 {
special = rootline
special.range = 2|-1
1 = TMENU
1.NO = 1
1.NO.linkWrap = | /
}
}
# Inhalt ausgeben
INHALT = CONTENT
INHALT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
select.languageField = sys_language_uid
}
# Inhalte auf der rechten Spalte ausgeben
RECHTS = COA
RECHTS.10 = CONTENT
RECHTS.10 {
table = tt_content
select.where = colPos = 2
select.orderBy = sorting
}
RECHTS.20 = CONTENT
RECHTS.20 {
table = tt_content
select.orderBy = sorting
# Inhalte werden von der Seite mit der ID 18 genommen.
select.pidInList = 74
}
# Suchformular im Platzhalter anzeigen
SUCHE < tt_content.search.30
SUCHE {
target = _self
redirect = 63
badMess = Bitte geben Sie ein Suchwort an!
layout = ###FIELD###<br />
stdWrap.wrap >
dataArray.10 {
label =
type = *sword = input, 5, 30
}
dataArray.20 {
valueArray >
type = scols = hidden
value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
}
image = IMAGE
image.file = GIFBUILDER
image.file {
XY = 20,15
backColor = silver
10 = TEXT
10.text = GO
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontColor = black
10.fontSite = 11
10.niceText = 1
10.offset = 2, 13
}
}
# Den Sprachwechsel als Textlink erzeugen
SPRACHE = TEXT
SPRACHE {
field = uid
wrap = <a href="index.php?id=|&L=1">English</a>
}
# Link zur Druckversion erzeugen
DRUCKVERSION = TEXT
DRUCKVERSION {
field = uid
wrap = <a href="index.php?id=|&L=0&type=1" target="”_new”">Druckversion</a>
}
}
#stylesheet = fileadmin/style.css
}
# Seiteninhalte beschreiben, wird später wieder gelöscht
#tt_content = CASE
#tt_content {
# key.field = header_layout
# default = COA
# default {
# 10 = TEXT
# 10.field = header
# 10.wrap = <h1>|</h1><br />
# 20 = TEXT
# 20.field = bodytext
# 20.wrap = <p>|</p>
# }
# 2 = COA
# 2 {
# 10 = TEXT
# 10.field = header
# 10.wrap = <h1><font color="red">|</font></h1><br />
# 20 = TEXT
# 20.field = bodytext
# 20.wrap = <p>|</p><hr size="1" />
# }
# }
# Druckansicht
druckversion = PAGE
druckversion {
typeNum = 1
10 = CONTENT
10.table = tt_content
10.select.orderBy = sorting
10.select.colPos = 0
10.select.languageField = sys_language_uid
}
# Die Überschrift neu formatieren
lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
key.field = header_layout
default = TEXT
default.field = header
default.wrap = <h1>|</h1>
2 = IMAGE
2.file = GIFBUILDER
2.file {
XY = [10.w]+10, 20
backColor = #FFFFFF
10 = TEXT
10.text.field = header
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontColor = #061467
10.fontSize = 15
10.niceText = 1
10.offset = 2, 18
}
wrap = |<br />
}
# Inhaltstyp "Normaler Text" anpassen
tt_content.text.20 {
textStyle >
wrap = <p>|</p>
}
# Die Sitemap von einem Ausgangspunkt erstellen lassen
tt_content.menu.20.2 {
special = directory
special.value.field = pages
}
# Das Suchergebnis anpassen
tt_content.search.20 {
layout.10 {
value = Ergebnisse auf dieser Seite: ###RANGELOW### bis ###RANGEHIGH### von ###TOTAL###
fontTag >
wrap = <td width="95%" bgcolor="silver"><font face="verdana" size="”2”"><b>|</b></font></td>
}
layout.20 {
value = ###PREV### ###NEXT###
fontTag >
wrap = <td bgcolor="silver"><font face="verdana" size="2"><b>|</b></font></td>
}
renderObj.10 {
textStyle >
fontTag >
wrap = <font face="”verdana”" size="”2”"><b>|</b></font>
typolink.target = _self
}
renderObj.20 {
stdWrap.textStyle >
stdWrap.wrap = <tr><td><font face="Verdana" size="1" color="navy"> |</font></td></tr>
stdWrap.crop = 200 | [...]
}
noResultObj >
noResultObj = TEXT
noResultObj {
value = Kein Ergebniss gefunden!
wrap = <font face="Verdana" size="2"><b>|</b></font>
}
next.value = Weiter
prev.value = Zurück
target = _self
range = 10
}
# Login-Formular für Webseiten-Benutzer
tt_content.login.20 {
hiddenFields.pid.value = 19
dataArray.10.label = Benutzername:
dataArray.20.label = Passwort:
}
#### BEDINGUNGEN ###
# Zeitabhängiger Begrüßungstext
[hour = >= 11]
page.10.marks.DATUM.10.value = Guten Tag
[hour = >= 19]
page.10.marks.DATUM.10.value = Guten Abend
[global]
# Mehrsprachigkeit
[globalVar = GP:L=1]
config.sys_language_uid = 1
config.language = en
page.10.marks.SPRACHE.wrap = <a href="index.php?id=|&L=0">German</a>
page.10.marks.DRUCKVERSION.wrap = <a href="index.php?id=|&L=1&type=1" target="”_new”">Print</a>
tt_content.login.20.dataArray.10.label = Username:
tt_content.login.20.dataArray.20.label = Password:
}
[global]
# Eingeloggter Benutzer
[loginUser = *]
tt_content.login.20 {
dataArray.10.label = Sie sind als Benutzer <b>Zolu</b> eingeloggt
image = IMAGE
image.file = GIFBUILDER
image.file {
XY = 100, 20
backColor = red
10 = TEXT
10.text = Logout
10.fontSize = 15
10.fontColor = white
10.fontFile = fileadmin/fonts/verdanab.ttf
10.niceText = 1
10.offset = 1, 16
}
}
[global]
# In Druckansicht keine grafische Überschrift
[globalVar = GP:type=1]
lib.stdheader.1 >
[global]