[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