Responsive Seite mit responsivem Slider als Beispiel
- Responsive zentrierte horizontale Navigation. Slick Navi ab 800px und einem anderen Banner ab 734px
- Geht mit der Maus in der Navi auch über ‘Themen & Mega Menü’ für ein Maga-Menü inklusive Lytebox
- Hier geht es zum Download der Beispieldateien von smartmenus.org zum besseren Verständnis mit etlichen Beispielen
- Beispiel vertikale Navigationsleiste
- Beispiel nur Layoutbereiche
Diese responsive Website enthält 1 CSS-Navigationsleiste.
Slider-Bilder oben von bilder.n3po.com - Slider-Bilder unten, mit Link zu unserem Forum und Hintergrundbilder von Doris vom Fotoatelier Essen
Hier zwei responsive cssSlider, unten auf 100% Breite
Diese cssSlider basieren auf reinem CSS3 und werden ebenso einfach eingebaut, wie z.B. der WOW Slider oder die Visual Lightbox
Diese Seite hat keinen Layoutbereich für die Responsivität.
Sie wird dagegen nur mit einer Style-Anweisung im <body> responsive, so wie in meiner “Tutorial Seite” beschrieben.
Der Layout von NOF hat hier folgendes DIV erhalten.
Am “Beginn des Haupttextes” <body>
<div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%;">
Schließt das DIV am “Ende des Haupttextes” </body> wieder:
</div>
Viel Erfolg!
