GooglemapsZum KundenservicebereichZur Startseite
Menü einblendenMenü einblenden

CSS- und JavaScript-Dateien in den Header einbinden

Wenn Sie eine CSS- und/oder JavaScript-Datei in den Header Bereich Ihrer Typo3-Website einbinden wollen, genügt es nicht, dies im HTML-Template zu tun - denn Typo3 generiert den Header-Bereich automatisch und überschreibt die Eingaben aus dem HTML-Template.

Um so eine Datei in den Header einzubinden, geben Sie in das Setup Ihres Typo3-Templates folgendes TypoScript ein:


# defining the page stylesheets
page.headerData.10 = TEXT
page.headerData.10.value (
<link rel="stylesheet" href="fileadmin/template/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="fileadmin/template/default.js" type="text/css" media="screen" />

)

So können Sie so viele Dateien einbinden, wie Sie wollen.

Leeren Sie nun den Typo3-Cache und Ihren Browsercache und aktualisieren Sie Ihr Browserfenster - im Quelltext Ihrer Website sollten Sie nun im Header-Bereich sehen, das Ihre Dateien eingebunden wurde.