Okt
24

TYPO3: Mehrere CSS-Dateien per TypoScript einbinden

TYPO3 Framework und CMS

Nach der Rahmenprogrammierung kommt die Umsetzung in das frische TYPO3-System, welches in der aktuellsten TYPO3-Version auf dem Webserver aufgesetzt wurde. Während der Rahmenprogrammierung werden oft mehrere CSS-Dateien erzeugt, um Inkompatibilitäten (Browser) zu vermeiden. In TypoScript ist es dabei wichtig jede CSS-Datei einzeln zu integrieren und mit einer (Zeilen-)Nummer zu versehen, damit im Frontend die Ausgabe auch in dieser Reihenfolge erfolgt und die CSS-Datei für den IE6 nicht vor der eigentlichen style-CSS-Datei geladen wird.

Um eine oder mehrere CSS-Dateien in das TypoScript einzufügen, kann im SETUP-Feld des Root-Templates folgender Code eingefügt werden.
Im unteren Teil wurde eine Browserweiche für den Internet Explorer integriert.

  1. page.includeCSS {

  2.   file1 = fileadmin/templates/css/style.css

  3.   file1.title = Stylesheet - Website XYZ

  4.   file1.media = screen

  5.   file2 = fileadmin/templates/css/print.css

  6.   file2.title = Stylesheet - Print - Website XYZ

  7.   file2.media = print

  8.   }

  9. }

  10. [browser = msie]

  11.   page.includeCSS.file50 = fileadmin/templates/css/style_ie.css

  12.   page.includeCSS.file50.title = Stylesheet - InternetExplorer - Website XYZ

  13.   page.includeCSS.file50.media = screen

  14. [global]

Ähnliche Beiträge

Sovrn

Tags: , , , , ,

von Jörg am 24.10.2011, unter TYPO3
2 Kommentare

2 Antworten auf "TYPO3: Mehrere CSS-Dateien per TypoScript einbinden"

Hinterlasse eine Nachricht