Maatwerk elementen: Achtergrond in volledige breedte van de pagina

Een mooie en creatieve vorm van opmaak is het toepassen van een achtergrond die op de volledige breedte van je website wordt weergegeven. Op de achtergrond bijvoorbeeld een afbeelding en ervoor je tekst. De achtergrond is ook middels parallax toepassingen een visueel effect toe te voegen, en er is een overvloeikleur(en) over de afbeelding te verwerken.

Achtergrond afbeelding statisch

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed tincidunt magna ac arcu consequat, et bibendum tortor tristique. Aenean sed erat scelerisque nunc sodales cursus ac et orci. Phasellus tempor nunc non nibh dapibus facilisis. In ullamcorper purus purus.

Achtergrond afbeelding met fixed parallax effect

Met fixed parallax effect wordt bedoeld dat de achtergrond afbeelding stil blijft staan (fixed), terwijl de inhoud verder scrolt.

Achtergrond afbeelding met parallax effect van rechts naar links

Deze variatie kan ook gebruikt worden om tijdens het scrollen de afbeelding te laten sliden van links > rechts, boven > beneden en van beneden > boven.

Achtergrond afbeelding met een semi-transparante overvloeikleur over de afbeelding

Over deze afbeelding zijn twee overvloeiende kleuren gebruikt in semi-transparant, zodat de afbeelding nog zichtbaar is. De kleuren kunnen aangepast worden aan je eigen huisstijl.

Container met fixed pagina scrol optie

Via de navigatie aan de rechterkant van de afbeelding kun je scrollen tussen de verschillende onderdelen.

De fixed scrol optie biedt de mogelijkheid om content te delen waarbij bezoekers snel tussen de verschillende bladen kunnen scrollen.

Met een andere afbeelding en overvloeikleur

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed tincidunt magna ac arcu consequat, et bibendum tortor tristique. Aenean sed erat scelerisque nunc sodales cursus ac et orci. Phasellus tempor nunc non nibh dapibus facilisis. In ullamcorper purus purus, vitae tincidunt enim.

En nog een blad

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed tincidunt magna ac arcu consequat, et bibendum tortor tristique. Aenean sed erat scelerisque nunc sodales cursus ac et orci. Phasellus tempor nunc non nibh dapibus facilisis. In ullamcorper purus purus, vitae tincidunt enim.

Achtergrond video

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed tincidunt magna ac arcu consequat, et bibendum tortor tristique.