Banner

Startseite    Slick Navi    Parallax    Responsive    Themen

Responsive Website


Diese responsivie Seite zeigt ein Beispiel einer Navigationsleiste im rechten Bereich.

Das linke Textfeld steht auf 50% Breite, die Navi auf einer Minimal-Breite von 30%. Beide Textfelder haben ein Padding-Left von 50px.

Schiebt das Browser-Fenster langsam zusammen, um diesen Effekt zu sehen. Die Navi wird sich unter diesen Text und vor das Bild schieben.

Auch Bilder werden entsprechend der Bildschirmauflösung verkleinert.

Auf dieser Seite sind alle Bereiche für mobile Geräte optimiert und in Prozent angegeben.

Diese Seite hat nur einen Layoutbereich. Bitte guckt Euch auch meine responsive Seite mit zwei Layoutbereichen an.

Responsive Beispiel Seite


Sonnenuntergang

Bild von bilder.n3po.com

Diese responsive Website ist für mobile Geräte optimiert,

was Ihr am Link unten testen könnt.

Google Test auf Optimierung für mobile Geräte

Willkommen bei NOF-Tutorials.com