[TYPO3-german] <head> anpassen für "HTML5 boilerplate"

Thu Jun 6 19:57:34 CEST 2013

Guten Abend,

falls Du den Header komplett selber rendern willst dann gibt es für die conf -sektion einen parameter der das rendern des headers komplett unterbindet .. irgendwas mit cleanHeader glaub ich .. musst Du in Doku gucken. Dann kann man z.B. mit fluid ein header partial erstellen und in ein layout übernehmen.

Grüße Udo

IPhone Mail

Am 06.06.2013 um 19:45 schrieb Marco Brüggemann <marco at schauart.de>:

> Hallo .. Danke für die Hilfe.
> 
> Es geht auch soweit.
> 
> ich würde aber gerne stärker in die Erstellung des <head> eingreifen.
> 
> Kann mir jemand sagen, wie und wo der head-Bereich erstellt wird?
> Kann ich die Reihenfolge beeinflussen, wann und was im <head> gerendert wird?
> 
> 
> 
> Am 06.06.2013 17:48, schrieb Michael Kasten:
>> Hallo Marco:
>> 
>> config.doctype(
>>  <!doctype html>
>> 
>>  <!--[if lt IE 7]>   <html class="no-js lt-ie9 lt-ie8 lt-ie7">   <![endif]-->
>>  <!--[if IE 7]>      <html class="no-js lt-ie9 lt-ie8">          <![endif]-->
>>  <!--[if IE 8]>      <html class="no-js lt-ie9">                 <![endif]-->
>>  <!--[if gt IE 8]>                                               <!-->
>> 
>> )
>> config.htmlTag_setParams = lang="de" class="no-js"><!--<![endif]--
>> 
>> 
>> auch wenn es nicht so aussieht, geht aber
>> 
>> bye
>> 
>> 
>> 
>> am 06.06.2013 17:23 Marco Brüggemann schrieb:
>>> Hallo Leute,
>>> 
>>> ich möchte für mein Projekt die "HTML5 Boilerplate" nutzen, um die HTML5-Ausgabe für die
>>> verschiedenen Browser zu ermöglichen/optimieren.
>>> 
>>> Der Aufbau der Boilerplate ist diese:
>>> 
>>> <!DOCTYPE html>
>>> <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
>>> <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
>>> <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
>>> <!--[if gt IE 8]><!-->  <html  class="no-js"> <!--<![endif]-->
>>>     <head>
>>>         <meta  charset="utf-8">
>>>         <meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
>>>         <title></title>
>>>         <meta  name="description"content="">
>>>         <meta name="viewport"content="width=device-width">
>>> 
>>>         <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
>>> 
>>>         <link  rel="stylesheet"href="css/normalize.css
>>> <view-source:file:///C:/Users/Marco/Downloads/h5bp-html5-boilerplate-defe483/css/normalize.css>"> 
>>>         <link  rel="stylesheet"href="css/main.css
>>> <view-source:file:///C:/Users/Marco/Downloads/h5bp-html5-boilerplate-defe483/css/main.css>"> 
>>>         <script  src="js/vendor/modernizr-2.6.2.min.js
>>> <view-source:file:///C:/Users/Marco/Downloads/h5bp-html5-boilerplate-defe483/js/vendor/modernizr-2.6.2.min.js>"></script> 
>>> 
>>>     </head>
>>>     <body>
>>>         <!--[if lt IE 7]>
>>>             <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a
>>> href="http://browsehappy.com/">upgrade your browser</a> or <a
>>> href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve
>>> your experience.</p>
>>>         <![endif]-->
>>> 
>>>         <!-- Add your site or application content here -->
>>>         <p>Hello world! This is HTML5 Boilerplate.</p>
>>> 
>>>         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
>>> <view-source:file:///ajax/libs/jquery/1.9.1/jquery.min.js>"></script>
>>>         <script>window.jQuery || document.write('<script
>>> src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
>>>         <script  src="js/plugins.js
>>> <view-source:file:///C:/Users/Marco/Downloads/h5bp-html5-boilerplate-defe483/js/plugins.js>"></script> 
>>>         <script  src="js/main.js
>>> <view-source:file:///C:/Users/Marco/Downloads/h5bp-html5-boilerplate-defe483/js/main.js>"></script> 
>>> 
>>>         <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
>>>         <script>
>>>             var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
>>>             (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
>>>             g.src='//www.google-analytics.com/ga.js';
>>> s.parentNode.insertBefore(g,s)}(document,'script'));
>>>         </script>
>>>     </body>
>>> </html>
>>> 
>>> 
>>> Es ist allso eine Anpassung über dem <head>, im <head> unterhalb vom <body>-Tag und oberhalb vom
>>> </body>-End-Tag nötig.
>>> 
>>> 
>>> bis vor kurzem habe ich den Header den Typo3 erstellt abgeschaltet und so alle Anpassung per TS
>>> erstellt.
>>> Das hat jedoch den Nachteil, dass dann "CSS-Styled-Content" nicht im <head> steht.
>>> 
>>> 
>>> Daher meine Frage_ wie hann ich entweder den automatisch generierten <head> so umbauen, dass er der
>>> boilerplate entspricht, oder wie kann ich in einem eigenen Header CSS-Styled-Content  generieren?
>>> 
>>> Danke für eure Hilfe.
>>> Marco.
>>> 
>>> 
>>> _______________________________________________
>>> TYPO3-german mailing list
>>> TYPO3-german at lists.typo3.org
>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german