Snippets + Wiki

Diese Seite ist nicht editierbar. Du kannst den Quelltext sehen, jedoch nicht verändern. Kontaktiere den Administrator, wenn du glaubst, dass hier ein Fehler vorliegt.

===== CSS und JavaScript einfügen =====
<code typoscript>
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>
    )
  }
}
</code>

Snippets + Wiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Seiten-Werkzeuge