I vores generelle guide til Flexboksen kan du læse, hvordan du styrer, hvad der vises i Flexboksen. Denne guide fokuserer på at indstille selve udseendet af din Flexboks.
Vælg mellem to overordnede designs på Flexboksen
Du har to designs at vælge mellem til din Flexboks. Derudover kan du til hvert design vælge indstillinger på hvilke farver (bland dem du har valgt til din hjemmeside), der bruges. Du vælger selv, hvilket layout du bruger.
I begge layouts markeres det, hvis det er en begivenheder, der viser dato og tidspunkt udover overskriften og manchetteksten.
Layout 1
Formatet er tilpasset, så billedet passe så godt så muligt på et almindeligt bredformat billede. Vælg dette layout, hvis det skal være let! Du kan vælge, om teksten under billede skal står med en baggrundsfarve eller være "Gennemsigtig". I eksemplet herunder er der valgt "Gennemsigtig".
Eksempel på udseendet på en computer:
Eksempel på udseendet på en mobil:
Varianter af Layout 1: Kompakt udgave
I denne variant af Layout 1 får du en flexbokse, der ikke er så høj. Det betyder, at billedet bliver vist i en smal udgave. Bruges der almindelig bredformatbilleder til denne variant, vises det midterste af billedet (dvs. at top og bund skæres af og ikke bliver vist). Denne variant kræver derfor, at du er opmærksom på, at de billeder, du bruger i flexboksen, skal egne sig til formatet.
Eksempel på udseendet på en computer:
NB. På flexboksen herover er der valgt en farvet baggrund til teksten. Den smalle udgave kan naturligvis også bruges med gennemsigtig baggrund.
Layout 2
I dette design er billedet i et smalt format, som betyder, at du skal være opmærksom på, at de billeder, du bruger, skal egne sig til at blive vist i smalt format.
Eksempel på udseendet på en computer:
Eksempel på udseendet på en mobil:
Sådan indstiller du udseendet af din Flexboks
1. Rediger din flexboks og gå til fanen "Plugin".
2. Vælg i feltet "Layout" mellem de to designs til Flexboksen som vist ovenfor i guiden.
3. Finjuster herefter udseendet i de øvrige felter (valg af farver m.m.) i fanerne "Konfiguration" og "Farver". Gem undervejs på knappen øverst og klik på knappen "Vis" til venstre for - så du kan se dine ændringer".
NB. Enkelte felter gælder kun for det enkelte layout (dette er markeret ud for det enkelt felt).
Din flexboks placering på hjemmesiden
Du kan som udgangspunkt placere en flexboks lige der, hvor du ønsker det. Vores anbefaling er, at du bruger den på din forside øverst i området "Featured content" (som på billedet øverst i denne guide).
NB. Placeres den her, vil den vises uden mellemrum til toppen af siden på mobilen.
Lad gerne flexboksen fylde hele sidens bredde. Indsætter du den i en kolonneopdeling, anbefaler vi, at du holder dig til en 75%, 66% eller 50% kolonne.
Kommentarer
0 kommentarer
Log ind for at kommentere.