[TYPO3-german] Anfängerin - Seiteninhalt formatieren - DRINGEND!!!
C.Neumann
claudian at all-in-media.com
Tue Nov 7 10:52:08 CET 2006
Hallo Gruppe,
mit "Praxiswissen Typo3" bin ich recht weit gekommen, auch wenn ich von der
Materie, gar keine Ahnung habe.
Ich stehe extrem unter Zeitdruck, ich MUSS (sonst werde ich gefaltet) bis
morgen mit dem Projekt fertig werden!
Mein 1. Problem:
Obwohl ich im Template die CSS Datei eingebunden habe, wird bis auf dem
ersten Buchstaben der Seitentitel nicht formatiert.
Mein 2. Problem:
Wie bitte formatiere ich den Text des Seiteninhalts, bzw., weise im die
Classe im css zu?
Randinfos:
Include static (from extensions):
CSS styled Contend
CSS:
body { background-color:#FFFFFF }
.haupt_titel { font-family:Arial; font-size: 10pt; color:#000063;
font-weight: bold; }
.haupt_normal { font-family:Arial; font-size: 10pt; color:#000000; }
.haupt_klein { font-family:Arial; font-size: 8pt; color:#000000; }
.haupt_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;
}
Template (Root):
page = PAGE
page {
typeNum = 0
# Allgemeine Seiteneigenschaften setzen
bodyTag = <body topmargin="0" leftmargin="0"
rightmargin="0"bottommargin="0" marginwidth="0" marginheight="0">
meta.AUTHOR =
meta.DESCRIPTION =
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
}
}
}
}
#Überschrift
lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
key.field = header_layout
default = TEXT
default.field = header
default.wrap = <p class="haupt_titel">|</p>
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-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/arial.ttf
10.niceText = 1
10.offset = 1, 16
}
}
[global]
More information about the TYPO3-german
mailing list