Willkommen bei NOF-Tutorials.com

 

Layoutbereich responsive und zentriert mit Amazing Slider

Auf dieser Seite habe ich noch den “Amazing Slider” eingebaut. Auch dieser Slider ist responsive. Bei Mausüber stoppt der Slider und ein YouTube Video sowie ein eigenes Video sind eingebaut. Die Hintergrundbilder wechseln.

Der Inhalt steht in einem Layoutbereich, der einen leicht transparenten Hintergrund (hier 90% Deckkraft) hat und immer eine Größe von 80% der Breite und 70% der Höhe des Bildschirms. Ein zweiter Layoutbereich wurde scrollbar gemacht.

Der Inhalt ist responsive und passt sich jedem Bildschirm an. Schiebt das Browser-Fenster zusammen, um den Effekt zu sehen.

In diesem Textfeld  wurde die Schrift auf 100% gestellt, also nicht in Pixeln angegeben. Hier geht es zu meinem Tutorial.

Das Bild unten passt sich responsive in der Größe an.

Hintergrundbild, Bild unten und Bilder im Amazing Slider von: bilder.n3po.com

Sonnenuntergang

Counter Statistik