11. February 2007

Typo3 – Einbinden von CSS Dateien

2 comments

Es gibt 2 Möglichkeiten CSS Dateien in Typoscript einzubinden. Die einfachere Methode ist es über die Anweisung page.includeCSS einzubinden.

// Typoscript Setup
page.includeCSS {
	file1 = fileadmin/styles/basic.css
	file1.title = Standardansicht
	file1.media = screen

	file2 = fileadmin/styles/print.css
	file2.title = Drucken
	file2.media = print
}

Alternativ kann man auch CSS im Headerobjekt manuell einbinden. Diese Art der Einbindung ermöglicht auch beliebige weitere Einbindungen wie JS-Scripts u.a.

// Typoscript Setup
page.headerData.5 = TEXT
page.headerData.5.value (
	@import "fileadmin/css/style.css";
)

Tags: , , , ,

Kategorie tutorials

2 Kommentare zu “Typo3 – Einbinden von CSS Dateien”

  1. January 18, 2011
    stef

    Hallo,
    müssen die Klammern in diesem Fall “geschweifte” sein?
    -> {}

    // Typoscript Setup
    page.headerData.5 = TEXT
    page.headerData.5.value (
    @import “fileadmin/css/style.css”;
    )

  2. January 25, 2011
    admin

    bei value brauchst du keine geschweiften klammern! nur wenn du z.B.
    page.headerData.5 = TEXT
    page.headerData.5 {
    value (
    @import “fileadmin/css/style.css”;
    )
    }

    schreiben würdest

Add your Comment

Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Typo3 – Einbinden von CSS Dateien