[TYPO3-german] CSS einbinden und anwenden
C.Neumann
claudian at all-in-media.com
Tue Mar 6 13:28:14 CET 2007
Hallo,
ich habe meine erste Web mit Typo gerade soweit fertig, funktioniert sogar
alles.
Leider klappt das mit der Formatierung nicht.
Ich habe zwar "stylesheet = fileadmin/haupt.css" im script aber es passiert
nichts.
Es soll so sein das der Titel, überall das gleiche Format hat und es soll so
sein das der Text überall das gleiche Format hat, das gleiche mit den
Tabellen.
Vorgegeben ist z.B. hier in der CSS das alles in Verdana ist, aber ich
bekomme im Browser alles in NewsTime... gezeigt!
Wo habe ich da was verpasst.
Danke für eure Hilfe
Gruß
Claudia
Template:
page = PAGE
page {
typeNum = 0
# Allgemeine Seiteneigenschaften setzen
bodyTag = <body topmargin="0" leftmargin="0"
rightmargin="0"bottommargin="0" marginwidth="0" marginheight="0">
stylesheet = fileadmin/haupt.css
# Die Designvorlage integrieren
10 = TEMPLATE
10 {
template = FILE
template.file = fileadmin/vorlage.html
workOnSubpart = DOKUMENT
# Den Platzhalter ansprechen
marks {
# Den Balken einlesen
BALKEN = IMAGE
BALKEN {
file = fileadmin/grafiken/balken.gif
file.width = 790
file.height = 47
}
# Das Logo einlesen
LOGO = IMAGE
LOGO {
file = fileadmin/grafiken/logo.gif
file.width = 210
file.height = 80
}
# Das grafische Menü erstellen
MENU_LINKS = HMENU
MENU_LINKS {
special = directory
special.value = 12
entryLevel = 1
1 = GMENU
1.NO = 1
1.NO {
XY = 169, 30
backColor = #000063
# Text auf den
Menüpunkt rendern
10 = TEXT
10 {
text.field =
title
fontColor =
#FFFFFF
fontFile =
fileadmin/fonts/Arial.ttf
fontSize = 12
offset = 10, 16
}
# Eine Linie
erzeugen
20 = IMAGE
20 {
file =
GIFBUILDER
file {
XY =
169, 1
backColor = #FBCE64
}
offset = 0, 29
}
30 = IMAGE
30 {
file =
GIFBUILDER
file {
XY = 2,
29
backColor = #FBCE64
}
}
35 = IMAGE
35 {
file =
GIFBUILDER
file {
XY = 2,
29
backColor = #FBCE64
}
offset = 167,
0
}
}
1.RO < .1.NO
1.RO {
# Text auf den
Menüpunkt rendern
10 = TEXT
10.fontColor = #FFCE63
}
# Die zweite Ebene als Kopie
der ersten Ebene beschreiben
2 < .1
2.NO {
backColor = #FBCE64
10.fontColor =
#FFFFFF
20.backColor =
#000063
20.XY = 165, 1
20.offset = 2, 29
}
2.RO < .2.NO
2.RO {
10.fontColor = #000063
}
}
#Inhalt ausgeben
INHALT = CONTENT
INHALT {
table = tt_content
select.orderBy =sorting
select.where = colPos = 0
}
}
}
}
# 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-imageca
ption
}
image = IMAGE
image{
file =
fileadmin/grafiken/suchen.gif
file.width = 109
file.height = 24
}
}
# 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 = 11
}
#### BEDINGUNGEN ###
# 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/verdana.ttf
10.niceText = 1
10.offset = 1, 16
}
}
[global]
CSS Datei:
body { background-color:#FFFFFF }
h1 { font-family:Arial; font-size: 10pt; color:#000063; font-weight:
bold; }
.bodytext { font-family:Arial; font-size: 10pt; color:#000000; }
.normal { font-family:Arial; font-size: 10pt; color:#000000; }
.klein { font-family:Arial; font-size: 8pt; color:#000000; }
.listebullet { font-family:Arial; font-size: 10pt; color:#000000;
list-style-image:url('../grafiken/bullet_blaugelbrand.gif'); }
a:link { color:#000080; font-family:Arial; font-size: 10pt;
text-decoration: underline; }
a:visited { color:#000080; font-family:Arial; font-size: 10pt;
text-decoration: underline; }
a:hover { color:#FBCE64; font-family:Arial; font-size: 10pt;
text-decoration: underline; }
a:active { color:#FBCE64; font-family:Arial; font-size: 10pt;
text-decoration: underline; }
.csc-mailform { position: left;
display:block;
width:250;
border:0px;
font-size:10pt;
color:#000000;
font-family:Arial
}
.csc-mailform-field {
background-color:#ffffff;
}
.csc-mailform-label {
position: left;
display:block;
width: 100px;
float: left;
left:10px;
text-align: right;
background: #ffffff;
PADDING:2px;
margin:2px;
}
.mf-input {
position: left;
width:250px;
background: #ffffff;
border:1px solid #FFCE63;
PADDING:2px;
margin:2px;
}
.csc-mailform-input, textarea {
position: left;
width:250px;
background: #ffffff;
border:1px solid #FFCE63;
PADDING:2px;
margin:2px;
}
.csc-mailform-check {
border: none;
width:Auto;
left: 20px;
border:1px solid #FFCE63;
PADDING:2px;
margin: 2 0 2 0;
}
.csc-mailform-button {
clear: center;
position: center;
display:block;
width:Auto;
background: #F2F5F5;
}
.csc-mailform-submit {
clear: center;
position: center;
display:block;
width:Auto;
background: #F2F5F5;
}
More information about the TYPO3-german
mailing list