Banner
En banner är en långsträckt, dekorativ komponent med en bild eller video. Här kan du se hur du skapar en banner på din sektionssida.
Når du sætter et banner op, skal din primære overvejelse gå på, om det skal være et billede- eller et videobanner. Derudover er der andre features, der kan ændre udseendet på komponentet:
- Vil du have juledekorationer over dit billede eller din video?
- Skal der være 'luft' under banneret?
- Skal dit indhold under banneret hives op, så det overlapper bunden af banneret?
- Skal dit billede eller din video have 'overlay' (et filter over sig)
Find/opret den sektionsside, du vil indsætte komponenten på. Klik 'Tilføj indhold' og vælg komponenten i oversigten.
Når du opsætter dit banner, skal du vælge, om det skal have et billede eller en baggrundsvideo. Klik på plusset og tilføj dit billede eller din baggrundsvideo.
Hvis du både uploader et billede og en video, vil video blive vist. Billedet vil i stedet blive vist, hvis brugerens browser ikke understøtter videoformatet, eller imens videoen loades til siden.
Tilføj desuden 'overlay' på det valgte billede, hvis det ønskes.
Størrelsesformatet på banneret er afhængigt af skærmstørrelsen, så man kan derfor ikke sikre sig, at ens video eller billede ikke bliver beskåret. Det bliver altså automatisk beskåret løsningen, så det det passer med visningen på den skærm, der viser komponenten.
Banneret er altid i fuld bredde, så beskæringen vil blive afgjort af forholdet mellem bredden og højden. Højden på komponenten er som følger i tre typer visninger:
• Mobil: 200px
• Tablet: 250px
• Desktop: 400px
Det betyder, at hvis man gerne vil have hele videoen eller billedet vist, uden synderlig beskæring på desktop, skal pixelforholdet være 400 x 1280 pixel.
Hvis man ønsker at den ikke skal beskæres synderligt på tablet: 250 x 800 pixel
Hvis man ønsker at den ikke skal beskæres synderligt på mobilvisning: 200 x 640 pixel
Vi anbefaler derfor, at banneret kun bliver brugt til dekorativt indhold, da videoen beskæres forskelligt fra skærmstørrelse til skærmstørrelse. M kan derfor ikke garantere, at de informative elementer ikke bliver beskåret væk.
Skal dit banner have nyt liv til jul, kan du slå 'Vis julepynt' til og nedenunder vælge hvilken type af juledekoration, der skal være på banneret. Vær opmærksom på at der kun kan være julepynt ét sted på hver side (kan bruges på både hero og banner), også selvom du slår det til på flere komponenter.
Med 'margin bund'-muligheden kan du styre om der skal luft imellem dit banner og din næste indholdskomponent. Som udgangspunkt anbefaler vi at du bruger margin-bund under dit banner, hvis næste komponent ikke er i fuld bredde. Hvis banneret (som er fuld bredde) efterfølges af en anden komponent i fuld bredde skal der typisk ikke bruges margin bund.
Når funktionen 'Absolut positionering' er slået til, vil indholdet under banneret blive hevet lidt op i banneret.
