Gebruik secties op uw Drupal-website om containers over de volledige breedte te maken of om elementen met speciale achtergrondeffecten te omhullen.
Volg de onderstaande stappen om secties op uw website te gaan gebruiken:
Klik op het + icoon
Klik op het Sectie- element
Klik op het potloodpictogram in de sectie-elementwerkbalk om de algemene instellingen weer te geven
Schakel optioneel de optie Volledige breedte in om de elementen binnen de sectie over de volledige breedte te gebruiken
Schakel optioneel de optie 100% Hoogte in voor de sectie om het volledige browservenster verticaal te vullen
Schakel eventueel Verticaal centreren in om de elementen binnen de sectie te centreren
Nadat u uw voorkeursinstellingen heeft geselecteerd, kunt u op Wijzigingen opslaan klikken en u bent klaar!
Secties aanpassen met achtergrondeffecten
- Ga naar het tabblad Achtergrondeffecten
- Selecteer een achtergrondeffectoptie
- Eenvoudige afbeelding: de toegevoegde achtergrondafbeelding loopt mee met de pagina
- Vaste afbeelding: de toegevoegde achtergrondafbeelding blijft staan terwijl u door de pagina bladert
- Parallax: de toegevoegde achtergrondafbeelding blijft staan terwijl het element beweegt
- Verloop: voeg een lineair verloop toe aan de achtergrond
- YouTube-video: voeg een video toe als achtergrond van een element
Eenvoudig beeldeffect
- Ga naar het tabblad Stijl
- Selecteer de afbeelding via de Achtergrondinstellingen
- Klik op Wijzigingen opslaan
Vast beeldeffect
Dit corrigeert de achtergrondafbeelding zodat deze niet lang meebeweegt met de voortgang van de pagina wanneer u scrolt.
- Ga naar het tabblad Stijl
- Selecteer de afbeelding via de Achtergrondinstellingen
- Klik op Wijzigingen opslaan
Parallax-beeldeffect
Hiermee kunt u een aangepaste scrollsnelheid voor uw achtergrondafbeelding instellen. Hierdoor ontstaat een parallaxeffect doordat de achtergrondafbeelding met een andere snelheid beweegt dan andere elementen op de pagina.
- Ga naar het tabblad Stijl
- Selecteer de afbeelding via de Achtergrondinstellingen
- Stel de parallaxsnelheid in, waardoor de snelheid waarmee het beeld passeert als u naar beneden scrolt, wordt verlaagd
- Selecteer de parallaxmodus tussen Vast en Lokaal . Vast verwijst naar het fixeren van de afbeelding in het browservenster en lokaal betekent dat de afbeeldingen worden gescrolld wanneer een schuifbare container op de pagina wordt gescrolld.
- Klik op Wijzigingen opslaan
Verloopeffect
- Selecteer een startkleur voor het verloopeffect.
Voeg optioneel transparantie toe aan het verloop met de schuifregelaar onder de kleurenkaart als u een achtergrondafbeelding wilt weergeven - Selecteer een Eindkleur voor het verloopeffect
- Stel de Verlooprichting in om een hoek tussen 0 en 360 graden in te stellen voor uw verloop
- Stel de positie van de startkleur in. Hoe hoger het getal, hoe overweldigender de startkleur zal zijn
- Stel de positie van de eindkleur in, hoe hoger het getal, hoe overweldigender de eindkleur zal zijn
- Klik op Wijzigingen opslaan
Youtube video
- Selecteer Videoafspeelopties
- Loop: Herhaalt de video oneindig
- Dempen opheffen: Schakelt het geluid van de video in. waarschuwing: wanneer u autoplay gebruikt, wordt het niet aanbevolen om het dempen van de video op te heffen, omdat moderne browsers het automatisch afspelen van de video zullen blokkeren .
- Uitschakelen op mobiele apparaten: Voorkomt dat de video wordt gestreamd en afgespeeld op mobiele apparaten
- Bedieningselementen weergeven: Voegt videobedieningselementen toe aan de achtergrondvideo
- Voer de URL van de YouTube-video in het URL-veld in
- Voer in het veld Starttijd de tijd in seconden in vanaf het punt waarop de video begint
- Voer in het veld Stoptijd de tijd in seconden in waarop de video eindigt
- Klik op Wijzigingen opslaan