Demo Intensivstation

Typisch für dieses Template ist der nicht sehr große Platz für die Menüpunkte und die fehlende Einbindung von Untermenüpunkten im Hauptmenü. In der originalen und hier auch aktuellen Konfiguration lassen sich kaum mehr als 3-4 Hauptmenupunkte unterbringen. In der responsiven Ansicht (480 Pixel und kleiner) gibt es aber keine Platzbegrenzung. Für den tatsächlichen produktiven Einsatz müsste das Menü angepasst werden. Entweder man verzeichtet auf Detaimenüs oder man bringt ein separates Detailmenü im rechten Bereich unter.

Dieses Template wurde aus 2 Basis-Templates zusammenkopiert und erweitert.

1 Die reine Struktur ohne CSS bildet das intensivstation-html5-basic-blog-template-no-css.html

2 Als Schritt zwei wurde das CSS des intensivstation-html5-float-template-2.html mit der Struktur verknüpft. CSS Anweisungen ergänzen oder anpassen.

3 Browser benötigen ein Prefix. Prefixfree ist ein kostenlos verfügbares Javascript Lea Veru (Animatable), das es erlaubt, CSS stets ohne Prefixing zu schreiben.

4 Alle Elemente werden über CSS3 Media Queries für die verschiedenen Designausgaben, passend zum Ausgabemedium angepasst. Siehe auch intensivstation.ch/css3/media-queries.

5 Viewport Metatag einbinden.

6 Einbinden von Javascript (jQuery) für die Navigation bei mobilen Geräten.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.