Dette valget kaller vi en "layout" og det finnes tilsvarende/liknende valg for tekstmoduler når disse vises som en tekstboks med bakgrunn.
- 1/1
Banner-layouts: Tekst versus bilde
I tillegg til å gi bannere en størrelse kan man si noe om hvordan bilde/media og tekst (tittel, intro, knapper) skal plasseres i forhold til hverandre.
Se eksempler i det følgende på bannere med de ulike layouts påført.
Se eksempler i det følgende på bannere med de ulike layouts påført. Merk at layoutene gir samme effekt enten en banner ligger i et rutenett, eller som her i en innholdsseksjon.
Se eksempler i det følgende på bannere med de ulike layouts påført.
Se eksempler i det følgende på bannere med de ulike layouts påført. Merk at layoutene gir samme effekt enten en banner ligger i et rutenett, eller som her i en innholdsseksjon.
Auto / tekst på bilde
Viktig å skape god kontras ved å velge skin med god tekstfarge, og evnt plassere tekst på egnet sted slik som gjort her (nede til venstre). Man kan også sette filtre på bildet for å skape kontrast eller legge litt semitransparent bakgrunn bak tekst,
Auto / tekst på bilde
Samme som over men med semitranparente linjer bak teksten.
Bilde over
Funker nok best på kvadratiske moduler (f.eks medium) eller noen large/xl. Bakgrunnsfarge til valgt "skin" blir brukt bak teksten.
Bilde til venstre
Funker ikke så bra på small moduler samt at en medium-small med bilde til venstre/høyde i praksis gir kun "small" størrelse på tekstområdet. Man må da fatte seg i korthet.
Bilde til høyre
Funker ikke så bra på small-moduler samt at en medium-small med bilde til venstre/høyde i praksis gir kun "small" størrelse på tekstområdet. Man må da fatte seg i korthet.
Bilde under
Er nok ikke så ofte man får bruk for denne varianten..
Variabel høyde
Viser bildet i sin helhet (?) og så en tekstboks i variabel høyde under denne. I motsetning til alle andre størrelser der høyden er fast og man må være forsiktig med tekstmengder så kan denne varianten vokse mer fritt. Men det gjør det omtrent umlig å bruke den i et rutenett hvis den da ikke er blant noen av de størrelsene som gir 100% bredde..
Variabel høyde
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Variabel høyde
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Fast høyde
Variabel høydeLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
Variabel høydeLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
Fast høyde
Variabel høydeLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
Variabel høydeLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate