Startseite  |  Kontakt  |  Seitenverzeichnis  |  Kürzlich aktualisierte Seiten  |  AGB  |  Suchen  |  Impressum  |  TYPO3-Index

Telefon: 07022 / 60 2005  |  E-Mail:
TYPO3-Beratung - CMS-Webseitenerstellung, Webdesign
  • Startseite
  • Referenzen
  • Blog
  • TYPO3 Stuttgart
  • Optimierung
  • TYPO3-Tipps
  • Kurse und Seminare
  •  

    Internal-CSS per TypoScript

    So geben Sie unter TYPO3 per TypoScript CSS-Befehle im HEAD-Bereich einer HTML-Seite aus und übersteuern andere Formatanweisungen eingebundener CSS-Dateien.

    Definieren Sie ein PAGE-Objekt. Fügen Sie dort die Anweisung CSS_inlineStyle ein und weisen Sie Ihr die gewünschten CSS-Anweisungen zu.

    Beispiel:

     

    seite = PAGE
    seite.CSS_inlineStyle (
       h1 { color: #067912; }
       h2 { color: green; }
    )

     

    Erwartet wird, dass die Ausgabe in folgender Form erfolgt:

     

    <style type="text/css">
       h1 { color: #067912; }
       h2 { color: green;
    </style>

     

    TYPO3 ist allerdings etwas eigensinnig. Es erzeugt daraus kein Inline-CSS, sondern eine weitere CSS-Datei, die als letzte eingebunden wird und so alle vorherigen CSS-Befehle übersteuern kann.

    Wenn Sie die Formatanweisungen nur auf bestimmten TYPO3-Seiten ausgeben möchten, so sieht der Code folgendermaßen aus:

     

    [PIDinRootline=13,34]
    seite = PAGE
    seite.CSS_inlineStyle (
       h1 { color: #067912; }
       h2 { color: green; }
    )
    [end]

     

     

     


    Themen: TYPO3-Web-Design, TYPO3-Optimierung, CMS-Homepages gestalten, TYPO3-Internetseiten erstellen, Website-Programmierung, Inline CSS, Typo3, TypoScript, Internal CSS, eingebundener CSS-Befehl, integrierte CSS-Anweisung, Formatanweisung, Formatierungsbefehl, TYPO3-Tipps, CSS-Ausgaben im HEAD-Bereich, Internal-CSS.

    [ ⇐ Zurück ]   [ ⇑ Nach oben ]   [ Π Drucken ]  

     

    Hier klicken!

    Startseite  |  Kontakt  |  Seitenverzeichnis  |  Kürzlich aktualisierte Seiten  |  AGB  |  Suchen  |  Impressum  |  TYPO3-Index
    Letzte Änderung: Samstag, 06.03.2010   Page copy protected against web site content infringement by Copyscape
    Flag Counter