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.

Dette valget kaller vi en "layout" og det finnes tilsvarende/liknende valg for tekstmoduler når disse vises som en tekstboks med bakgrunn.


  •  (Foto/Photo)
    1/1

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.

 (Foto/Photo)

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,

 (Foto/Photo)

Auto / tekst på bilde

Samme som over men med semitranparente linjer bak teksten.

 (Foto/Photo)

Bilde over

Funker nok best på kvadratiske moduler (f.eks medium) eller noen large/xl. Bakgrunnsfarge til valgt "skin" blir brukt bak teksten.

 (Foto/Photo)

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.

 (Foto/Photo)

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.

 (Foto/Photo)

Bilde under

Er nok ikke så ofte man får bruk for denne varianten..

 (Foto/Photo)

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..

Mjøsa om høsten (Foto/Photo)

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.

Mjøsa om høsten (Foto/Photo)

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.


Mjøsa om høsten (Foto/Photo)

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

Mjøsa om høsten (Foto/Photo)

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