CSS3 & HTML5 TEMPLATES

Intensivstation CSS Templates sind alle neu in HTML5, CSS3 .

Ältere Templates findest du unter past.intensivstation.ch
English Version Templates and Content past.intensivstation.ch/en/templates

4 steps to responisve and mobile Blog - Templatedesign

1. HTML5 Blog-Templates(ohne CSS) zeigt die HTML5 Struktur.

2. HTML5 Blog-Templates mit BASIS CSS positioniert.

3. HTML5 Blog-Template RESPONSIVE für mobile Geräte.

4. HTML5 Blog-Template Snow-Style RESPONSIVE.

Problem alter IE
Per Default wendet IE kein CSS auf Elemente, die er nicht kennt, an.  <nav> | <section> | <header> etc.
Wenn Eelemente nach dem laden dynamisch mit javascript generiert werden, kann IE diese darstellen und das CSS  darauf anwenden. Alte Internet Explorer kleiner als Version 9 benötigen ein Zusatz Script http://code.google.com/p/html5shiv/.
Das Skript kann auch direkt  im head der HTML-Datei eingebunden werden.

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

HTML5 Basis Templates

3 Spalten Template zentriert Menus fix, Inhalt dynamisch.

2 Spalten Template zentriert,  Menu und Inhalt dynamisch.

2 Spalten Template zentriert,  Menu fix, Inhalt dynamisch.

Fixe und Absolute Positionen

Fixed Header und fixed Footer Template

Fixed Menu Layout

Fixed Footer mit drei versetzten Hintergrundbildern.

Vier Spalten, absolut positioniert und dynamisch in der Breite

Zentrieren

Horizontal zentrierte fixe Box

Horizontal zentrierte dynamische Box

Horizontal und vertikal zentrierte Box

Aktuallisierte Horizontal und vertikal zentrierte Box

XHTML Templates

2 Spalten Template zentriert, Menu und Inhalt fix, float positioniert.