[TYPO3-german] CSS Stylesheet Organisation

JoH asenau info at cybercraft.de
Tue Apr 1 13:41:50 CEST 2008


> af_css_select ist noch besser als css_select da es recursive zu
> verwenden ist.
> Ich denke jedoch, dass Du mit der Extension af_dynamiccss noch besser
> dran bist, denn die macht bereits dass was Du da versuchst zu
> erreichen ;-)

Wozu eine Extension, wenn das mit TypoScript bereits out of the box
funktioniert?

Der folgende Code holt sich ein dynamisches Stylesheet für die eigentliche
Seite (typeNum = 0) über einen weiteren Seitentyp (49).
Im TScode für das Stylesheet wird ein Bild aus dem Media Feld der Seite
gezogen und als Hintergrund für ein Menü verwendet.
Auf die gleiche Art kann man sämtliche anderen Werte, die in irgendeiner
Form dynamisch angepasst werden müssen aufbauen und damit das master
stylesheet ergänzen.
Selbstverständlich kann man dabei auch ein TEMPLATE Element verwenden und
das grundlegende CSS mit Markern versehen dort importieren.

page = PAGE
page {
  typeNum = 0

  includeCSS.master = fileadmin/master.css
  headerData {
    10 = TEXT
    10.dataWrap = <link rel="stylesheet" type="text/css"
href="index.php?id={TSFE:id}&type=49" />
  }
}

additionalStyles = PAGE
additionalStyles {
  typeNum = 49
  config {
    disableAllHeaderCode = 1
    additionalHeaders = Content-type: text/css
    admPanel = 0
  }
  10 = IMG_RESOURCE
  10 {
    file {
      import = uploads/media/
      import.data = levelmedia:-1, slide
      import.listNum = 0
      width = 200c
      height = 400c
    }
    stdWrap.wrap (
#leftmenu {
  background: #D8EBD8 url(|);
}
)
}
}

HTH

Joey

-- 
Wenn man keine Ahnung hat: Einfach mal Fresse halten!
(If you have no clues: simply shut your gob sometimes!)
Dieter Nuhr, German comedian
openBC/Xing: http://www.cybercraft.de
T3 cookbook: http://www.typo3experts.com
Jobs: http://www.professionals-only.com




More information about the TYPO3-german mailing list