Beide Seiten, vorherige ÜberarbeitungVorherige ÜberarbeitungNächste Überarbeitung | Vorherige Überarbeitung |
typo3:templating:allgemein [2013/12/28 19:03] – admin | typo3:templating:allgemein [2017/05/24 21:03] (aktuell) – Schreibweisen korrigiert admin |
---|
===== CSS und Javascript einfügen ===== | ===== CSS und JavaScript einfügen ===== |
<code typoscript> | <code typoscript> |
page = PAGE | page = PAGE |
page { | page { |
#CSS einfügen: | // CSS einfügen: |
includeCSS { | includeCSS { |
file01 = fileadmin/css/layout.css | layout = EXT:templates/Resources/Public/Css/style.css |
file02 = fileadmin/css/content.css | layout.media = screen |
# Falls Datei bereits komprimiert, Kompression von TYPO3 abschalten: | |
file02.disableCompression = 1 | // CSS über Media Query einbinden: |
| additional = EXT:templates/Resources/Public/Css/additional.css |
| additional.media = all and (min-width: 900px) |
} | } |
| |
# Javascript vor </head> einfügen: | |
includeJSlibs { | // JavaScript-Bibliotheken (oben in <head>): |
file01 = fileadmin/js/html5shiv.js | includeJSLibs { |
# Optionaler Wrap: | // Externes JavaScript: |
file01.allWrap = <!--[if lt IE 9]>|<![endif]--> | jquery-1-11-3 = https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js |
| jquery-1-11-3.external = 1 |
# Externes Javascript: | // Einfügen am Anfang erzwingen: |
file02 = http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js | jquery-1-11-3.forceOnTop = 1 |
file02.external = 1 | |
# Einfügen am Anfang erzwingen: | |
file02.forceOnTop = 1 | |
} | } |
| |
# Javascript vor </body> einfügen: | |
| // 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 { | includeJSFooterlibs { |
file01 = fileadmin/js/bootstrap.min.js | bootstrap = EXT:templates/Resources/Public/JavaScript/bootstrap.min.js |
| bootstrap.disableCompression = 1 |
} | } |
| |
# Falls die gewünschte Schreibweise nicht über includeJSFooterlibs realisiert werden kann | |
3000 = TEXT | // Falls die gewünschte Schreibweise nicht über includeJSFooterlibs realisiert werden kann |
999 = TEXT | 999 = TEXT |
999 { | 999 { |
value ( | value ( |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> |
<script>window.jQuery || document.write('<script src="fileadmin/fluid/Resources/Public/JavaScripts/jquery-1.10.2.min.js"><\/script>')</script> | <script>window.jQuery || document.write('<script src="typo3conf/ext/templates/Resources/Public/JavaScript/jquery-1.10.2.min.js"><\/script>')</script> |
) | ) |
} | } |
} | } |
</code> | </code> |