Benutzer-Werkzeuge

Webseiten-Werkzeuge


typo3:templating:allgemein

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige ÜberarbeitungVorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
typo3:templating:allgemein [2016/05/14 11:23] – Anpassungen von Dateipfaden admintypo3:templating:allgemein [2017/05/24 21:03] (aktuell) – Schreibweisen korrigiert admin
Zeile 1: Zeile 1:
-===== 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 {
-    layout = EXT:templates/Resources/Public/Css/layout.css +    layout = EXT:templates/Resources/Public/Css/style.css 
-    content = EXT:templates/Resources/Public/Css/content.css +    layout.media = screen 
-    # Falls Datei bereits komprimiert, Kompression von TYPO3 abschalten: +     
-    content.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>): 
 +  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     html5shiv = EXT:templates/Resources/Public/JavaScript/html5shiv.js
-    Optionaler Wrap:+    // Optionaler Wrap:
     html5shiv.allWrap = <!--[if lt IE 9]>|<![endif]-->     html5shiv.allWrap = <!--[if lt IE 9]>|<![endif]-->
-     
-    # Externes Javascript: 
-    jquery-162 = http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js 
-    jquery-162.external = 1 
-    # Einfügen am Anfang erzwingen: 
-    jquery-162.forceOnTop = 1 
   }   }
      
-  # Javascript vor </body> einfügen:+   
 +  // JavaScript vor </body> einfügen:
   includeJSFooterlibs {   includeJSFooterlibs {
     bootstrap = EXT:templates/Resources/Public/JavaScript/bootstrap.min.js     bootstrap = EXT:templates/Resources/Public/JavaScript/bootstrap.min.js
Zeile 30: Zeile 38:
   }   }
      
-  Falls die gewünschte Schreibweise nicht über includeJSFooterlibs realisiert werden kann+   
 +  // Falls die gewünschte Schreibweise nicht über includeJSFooterlibs realisiert werden kann
   999 = TEXT   999 = TEXT
   999 {   999 {
typo3/templating/allgemein.1463217801.txt.gz · Zuletzt geändert: 2016/05/14 11:23 von admin