Kurze Anmerkung zum Design

Bei diesem Design gibt es keinen richtigen Header. Wir haben nur deshalb einen 50p hohen leeren Header angelegt, damit wir die Bereichsnavigation platzieren konnten. Da dieser Bereich die gleichen Farben hat wie der Navigationsbereich sieht es optisch so aus, als ob die Navigation höher ist.Das erste Element ist ein sogenannter Streifen. Damit kannst du ein Bild über die gesamte Seite ausdehnen. Als Effekt haben wir "Fixiert im Hintergrund" eingestellt. Wenn du scrollst sieht es so aus, als ob das Bild im Hintergrund liegt und die Seite über das Bild hinwegscrollt. Du kannst mit so einem Design auf jeder Seite ein anderes Motiv oben einbauen. Oder auch ganz auf einen "Header" verzichten. Der Inhaltsbereich ist mittig und leicht transparent hinterlegt.

Dieses Hinweiselement ist übrigens eine Reihe mit einer Spalte. Der grüne Hintergrund und die abgerundeten Ecken inkl. der Linie um den Inhalt gehören zur Spalte. Die Spalte hat einen Abstand zum Rand der Reihe, daher ist rundherum etwas Platz.

Lorem ipsum or sit amet, consec

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa qu

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttito

Lorem ipsum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, 

Lorem ipsum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, f

Lorem ipsum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, 

 
Your own website 0