Se eksempler på oprettelse af overlap
Se i videoen her, hvordan du kan oprette forskellige versioner af overlappene, og lege med funktionen.
Lav overlap i GoPublic
Vejledning
Media & Visuals
Spacer modulet har en indstilling til at lave små, visuelle overlap, hvor ét eller flere moduler lapper ind over en container med en baggrundsfarve. Lær hvordan du gør i denne artikel.
Sådan gør du
Tilføj container-modul
- Find container-modulet i moduloversigten, og træk det ind på siden i fuld bredde (dette er vigtigt, ellers virker overlappet ikke).
- Brug en baggrundsfarve på modulet.
- Tilføj evt. overskrift, brødtekst eller andet i container-modulet.
Tilføj spacer-modul
- Tilføj et spacer-modul nederst i dit container-modul. Dette modul skal også være fuld bredde, som containeren uden om.
- Dobbeltklik på spacer-modulet, og naviger til "presentation". Her skal du under "Grid and spacing options" vælge indstillingen "Inner grid overlap":
- Naviger tilbage til "settings" og giv overlappet en værdi. Denne værdi repræsenterer hvor højt overlappet er:
Tilføj overlappende moduler
- Direkte under og udenfor din container, skal du nu tilføje hvad der skal lappe ind over containeren.
- Tilføj de ønskede moduler. Dette kunne f.eks. være en anden container i 12 kolonner, som indeholder en baggrundsfarve og forskellige moduler, du ønsker der skal lappe ind over den container du oprettede i step 1.
Se eksemplerne her på siden for at forstå, hvordan overlappet opfører sig, og hvad man f.eks. kunne lave med et overlap.
Eksempler
Her kan du se forskellige eksempler hos GoPublic kunder hvor overlappet er i brug.
Overlap med søgefunktion og genveje
Sorø Kommune bruger overlap-funktionen her til at lave et hero-element med både genveje og søgemodul:
Overlappende navigation
Hos Herning Kommune bruges overlappet sammen med en borgerrettet navigation, som vist her:
Hero modul med overlappende nyhed
På forsiden af em.dk ses overlappet i brug her som alternativ til et klassisk Hero-modul:
Brug for mere viden?
Sådan bliver du en bedre designer i GoPublic ✨
Lær mere om, hvordan du designer dine sider og finder en god balance mellem æstetik og brugbarhed.
Senest opdateret
03-07-2025
Relaterede vejledninger
