Skip to content

Scheidingslijn

Een scheidingslijn kan gebruikt worden als visuele ondersteuning of bijvoorbeeld om duidelijk te maken wat wel en niet bij elkaar hoort.

Binnen deze module kun je een eenvoudige scheidingslijn maken of een met een icoon, afbeelding of tekst erin.

logo-webnemer-wit

Tabbladen binnen de module

De module voor een scheidingslijn bevat meerdere tabbladen. We leggen per tabblad uit welke acties jij allemaal in kunt stellen, zodat jouw lijn zijn werk goed doet.

Standaard
Scheidingslijn stijlKies hier welke scheidingslijn jij wilt tonen. Een simpele lijn of een lijn met icoon, afbeelding of tekst?
LijnVoor een gewone lijn hoef je niets meer in te stellen. Bekijk in het tabblad "stijl" de mogelijkheden voor de opmaak van jouw lijn.
Lijn met icoonKies jij voor een lijn met een icoon, selecteer dan je icoon en de grootte van je icoon.
Bepaal of jij een achtergrond achter je icoon wilt, bijvoorbeeld een cirkel, vierkant of een aangepast figuur.
Kies hier ook gelijk de kleur voor je icoon en de hover kleur (wanneer je bezoeker over je icoon gaat).
Lijn met afbeeldingKies jij voor een lijn met een afbeelding, selecteer dan je afbeelding en de (responsieve) grootte van je afbeelding.
Bepaal de stijl van je afbeelding, simpel, cirkel, vierkant of ontwerp je eigen vorm.
Lijn met tekstKies jij voor een lijn met een tekst, kies dan je tekst en het lettertype hiervoor.
Stijl
PositieHeb jij gekozen voor een lijn met een icoon, afbeelding of tekst. Kies dan hier de positie voor deze toevoeging.
Kies het percentage waarop het icoon, de afbeelding of de tekst mag verschijnen (dit is t.o.v. de complete lijn). En selecteer de tussenruimte in pixels (0 px zorgt ervoor dat de lijn aansluit).
Responsieve compatibiliteit(Alleen bij een lijn met tekst!) Er kan een probleem zijn met de responsieve weergave van lange teksten. Selecteer het apparaat of de apparaten waarop jij je module responsief wilt maken.
Lijn stijl* Stijl: kies hier voor vast, gestreept, gestippeld of dubbel (vanaf 3 px).
* Kleur: selecteer de kleur van je lijn.
* Dikte: selecteer hier de dikte van je lijn.
* Breedte: kies hier de breedte voor je lijn. Bij 100% is de lijn over de gehele breedte van de kolom waarin je deze module plaatst.
Scroll To Top