Ich habe jetzt meine Typo 3 Seite soweit fertig.
http://www.yannick.alpha103.server4you.de
Jetzt habe ich das Problem, dass ich die Seite gerne mittig ausrichten würde, wie und wo geht das? Muss ich an vorlage.html oder style.css etwas ändern? Zur Erstellung meiner Seite habe ich das Buch "Praxiswissen Typo3" von Rober Meyer benutzt.
Falls ihr das Template zur Lösung meines Problems benötigt:
######Allgemeine TypoScript-Konfigurationen######
config.linkVars = L
config.sys_language_uid = 0
config.language = de
config.spamProtectEmailAddresses = 1
######Die Webseite darstellen######
config.cache_period = 10
page = PAGE
page {
typeNum = 0
######## Allgemeine Seiteneigenschaften setzen########
bodyTag = <body bgcolor="FFFFFF" topmargin="0" leftmargin="0"
meta.AUTHOR = Yannick Baierl
meta.DESCRIPTION = Die Webpräsenz der KLJB-Zornheim
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 = BOO
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 = 930
########Das Textmenü oben erstellen########
MENU_OBEN = HMENU
MENU_OBEN {
special = directory
special.value = 2
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 = #008780
########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 = 0
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.back.Color = #004C4C
########Die zweite Ebene als Kopie der ersten Ebene beschreiben########
2 < .1
2.NO {
backColor = #00DD00
10.fontColor = #000000
10.fontSize = 11
}
2.RO < .2.NO
2.RO.backColor = #C1D5F4
}
########Einen Klickpfad erstellen########
KLICKPFAD = HMENU
KLICKPFAD {
wrap = Sie befinden sich hier: |
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
}
########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 33 genommen######
select.pidInList = 33
}
########Suchformular im Platzhalter anzeigen########
SUCHE < tt_content.search.30
SUCHE {
target = _self
redirect = 32
badMess = Bitte geben Sie ein Suchwort an!
layout = ###FIELD###<br>
stdWrap.wrap >
dataArray.10 {
label =
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 = 30,15
backColor = silver
10 = TEXT
10.text = GO
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontColor = black
10.fontSite = 11
10.niceText = 0
10.offset = 2, 13
}
}
}
}
########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 = #008780
10.fontSize = 10
10.niceText = 0
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 Suchformular anpassen########
tt_content.search.30 {
target = _self
badMess = Bitte fülle alle erforderlichen Felder aus:
dataArray.10 {
label = Ihre Suche:
type = *sword = input, 15, 30
}
data.Array.20 {
valueArray >
type = scols = hidden
value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption }
}
image = IMAGE
image.file = GIFBUILDER
image.file {
XY = 61,20
backColor = silver
10 = TEXT
10.text = SUCHE
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontColor = black
10.fontSite = 11
10.niceText = 0
10.offset = 2, 15
}
########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"><br>|</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 = 35
}
######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]
thx
Hamst0r