Hallo,
ich habe mir das Buch Praxiswissen Typo3 für die Version 4.2. gekauft. Und habe mich auch schon sehr weit voran gearbeitet um den TypoScript zu verstehen.
Nach der Eingabe des TypoScripts wird mir meine linke Menü-Navigation nicht richtig dargestellt. Es sind zwar die Links vorhanden, aber die Namen wo dort stehen sollten sind nicht zu sehen. Einen Blick in den Quellcode bestätigt das.
Außerdem wird auch das Logo und der Teaser nicht dargestellt es befindet sich nur eine weiße Fläche.
Ausschnitt aus dem Quellcode
<div id="links">
<div>
<img src="fileadmin/images/linie_weiss.gif" width="178" height="1"><br><a href="index.php?id=12" onfocus="blurLink(this);" onmouseover="over('img12_1e83_0');" onmouseout="out('img12_1e83_0');" ><img src="typo3temp/menu/07fcd83e32.gif" width="178" height="24" border="0" alt="Startseite" name="img12_1e83_0" /></a><br><a href="index.php?id=11" onfocus="blurLink(this);" onmouseover="over('img11_1e83_1');" onmouseout="out('img11_1e83_1');" ><img src="typo3temp/menu/4a26907364.gif" width="178" height="24" border="0" alt="Über uns" name="img11_1e83_1" /></a><br><a href="index.php?id=10" onfocus="blurLink(this);" onmouseover="over('img10_1e83_2');" onmouseout="out('img10_1e83_2');" ><img src="typo3temp/menu/c05970c08f.gif" width="178" height="24" border="0" alt="Menü item 1" name="img10_1e83_2" /></a><br><a href="index.php?id=9" onfocus="blurLink(this);" onmouseover="over('img9_1e83_3');" onmouseout="out('img9_1e83_3');" ><img src="typo3temp/menu/95573b24bf.gif" width="178" height="24" border="0" alt="Menü item 2" name="img9_1e83_3" /></a><br>
</div>
<div>
Mein TypoScript sieht folgendermaßen aus
# Allgemeine TypoScript-Konfigurationen
config.linkVars = L
config.uniqueLinkVars = 1
config.sys_language_uid = 0
config.language = de
config.language = de
config.locale_all = de_DE
config.spamProtectEmailAddresses = 1
config.spamProtectEmailAddresses_atSubst = at
config.index_enable = 1
config.index_externals = 1
config.stat_apache = 1
config.stat_apache_logfile = logfile.txt
# Die Webseite darstellen
page = PAGE
page {
# Allgemeine Seiteneigenschaften setzen
bodyTag = <body>
# CSS Datei einfügen
includeCSS{
screen = fileadmin/style.css
screen.title = display
screen.media = screen
}
# 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/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, -150
# Den Verlauf einarbeiten
20 = IMAGE
20.file = GIFBUILDER
20.file.backColor = #FFFFFF
20.file.XY = 759,99
20.mask = fileadmin/images/mask.jpg
# Text auf den Trailer rendern
30 = TEXT
30.text.listNum = 0
30.text.listNum.splitChar = _
30.text.field = subtitle // title
30.fontFile = fileadmin/fonts/verdana.ttf
30.fontSize = 24
30.fontColor = #364497
30.niceText = 1
30.offset = 10, 85
# Ein ggf. vorhandenes zweites Textelement anzeigen lassen
35 < .30
35.text.listNum = 1
35.offset = 10+[30.w]+12, 85
}
# Das Textmenü oben erstellen
MENU_OBEN = HMENU
MENU_OBEN {
special = directory
special.value = 4
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"><br>|
special = directory
special.value = 3
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 anzeigen lassen
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{
# Hintergrundfarbe überschreiben
backColor = #061467
# Symbol einfügen
30 = BOX
30.color = #ffffff
30.dimensions = 6,10,5,5
}
# 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
}
# Einen Klickpfad erstellen
# 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 = | /
1.NO.stdWrap.parseFunc.short._ =
}
}
# 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 = 18
}
RECHTS.30 < plugin.tt_news
RECHTS.30 {
templateFile = fileadmin/news_vorlage.html
code >
code = LIST
limit >
limit = 3
pid_list >
pid_list = 13
PIDitemDisplay = 13
}
# Suchformular im Platzhalter anzeigen
SUCHE < tt_content.search.30
SUCHE {
layout = ###FIELD###<br>
stdWrap.wrap >
target = _self
redirect = 9
badMess = Bitte füllen Sie alle erforderlichen Felder aus:
dataArray.10 {
label.override.lang.de = Ihre Suche:
type = *sword = input, 10, 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.fontSize = 11
10.niceText = 1
10.offset = 2, 13
}
}
# Den Sprachwechsel als grafisches Menü erzeugen
SPRACHE = HMENU
SPRACHE {
special = language
special.value = 0,1
1 = GMENU
1.NO {
XY = [10.w]+2, [10.h]
backColor = #FFFFFF
10 = IMAGE
10.file = EXT:cms/tslib/media/flags/flag_de.gif || EXT:cms/tslib/media/flags/flag_uk.gif
10.offset = 2,2
}
1.ACT=1
1.ACT < .1.NO
1.ACT.10.file = EXT:cms/tslib/media/flags/flag_de_f.gif || EXT:cms/tslib/media/flags/flag_uk_f.gif
}
# Link zur Druckversion erzeugen
DRUCKVERSION = TEXT
DRUCKVERSION {
value = Druckversion
typolink.parameter.data = page:uid
typolink.additionalParams = &type=1
typolink.target = _blank
}
}
}
# 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 = 1, 18
}
wrap = |<br>
}
# Das Suchformular anpassen
tt_content.search.30 {
target = _self
badMess = Bitte füllen Sie alle erforderlichen Felder aus:
dataArray.10 {
label.override.lang.de = Ihre Suche:
type = *sword = input, 15, 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 = 50,20
backColor = silver
10 = TEXT
10.text = SUCHE
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontColor = black
10.fontSize = 11
10.niceText = 1
10.offset = 2, 15
}
}
# Das Suchergebnis anpassen
tt_content.search.20 {
layout.10.override.lang.de = Ergebnisse auf dieser Seite: ###RANGELOW### bis ###RANGEHIGH### von ###TOTAL###
renderObj.10.typolink.target = _self
renderObj.20.stdWrap.crop = 200 | […]
noResultObj.10.override.lang.de = Kein Ergebniss gefunden!
next.override.lang.de = Weiter
prev.override.lang.de = Zurück
target = _self
range = 10
}
# Login-Formular für Webseiten-Benutzer
tt_content.login.20 {
hiddenFields.pid.value = 19
}
#### BEDINGUNGEN ###
# Zeitabhängiger Begrüßungstext
[hour = >10]
page.10.marks.DATUM.10.value = Guten Tag
[hour = >18]
page.10.marks.DATUM.10.value = Guten Abend
[global]
# MEHRSPRACHIGKEIT
[globalVar = GP:L=1]
config.sys_language_uid = 1
config.language = en
config.locale_all = gb_UK
page.10.marks.SUCHE.badMess = Please fill in the follwing fields:
page.10.marks.DATUM.10.wrap = |, today we have
page.10.marks.DATUM.10.value = Good morning
page.10.marks.DRUCKVERSION.value = Print
tt_content.search.30.badMess = Please fill in the follwing fields:
[global]
# MEHRSPRACHIGKEIT UND DATUM
[globalVar = GP:L=1]&&[hour = >10]
page.10.marks.DATUM.10.value = Good afternoon
[globalVar = GP:L=1]&&[hour = >18]
page.10.marks.DATUM.10.value = Good evening
[global]
# Eingeloggter Benutzer
[loginUser = *]
tt_content.login.20 {
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.2 >
[global]
Ich hoffe Ihr könnt einem Typo3-Anfänger weiterhelfen.
Gruß
Manuel