Benutzer-Werkzeuge

Webseiten-Werkzeuge


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