typo3:templating:allgemein
CSS und JavaScript einfügen
page = PAGE
page {
// CSS einfügen:
includeCSS {
layout = EXT:templates/Resources/Public/Css/style.css
layout.media = screen
// CSS über Media Query einbinden:
additional = EXT:templates/Resources/Public/Css/additional.css
additional.media = all and (min-width: 900px)
}
// JavaScript-Bibliotheken (oben in <head>):
includeJSLibs {
// Externes JavaScript:
jquery-1-11-3 = https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js
jquery-1-11-3.external = 1
// Einfügen am Anfang erzwingen:
jquery-1-11-3.forceOnTop = 1
}
// JavaScripts (vor </head> bzw. page.headerData):
includeJS {
html5shiv = EXT:templates/Resources/Public/JavaScript/html5shiv.js
// Optionaler Wrap:
html5shiv.allWrap = <!--[if lt IE 9]>|<![endif]-->
}
// JavaScript vor </body> einfügen:
includeJSFooterlibs {
bootstrap = EXT:templates/Resources/Public/JavaScript/bootstrap.min.js
bootstrap.disableCompression = 1
}
// Falls die gewünschte Schreibweise nicht über includeJSFooterlibs realisiert werden kann
999 = TEXT
999 {
value (
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="typo3conf/ext/templates/Resources/Public/JavaScript/jquery-1.10.2.min.js"><\/script>')</script>
)
}
}
typo3/templating/allgemein.txt · Zuletzt geändert: 2017/05/24 21:03 von admin