Widemodul

Widemodulets opbygning

Et widemodul er kendetegnet ved at blive vist i hele sidens bredde. Modulet består af:

  • Temafarve eller baggrundsbillede eller baggrundsvideo
  • Titel og Manchet - der er mulighed for at vælge lys teksten, teksten kan centreres eller justeres mod venstre/højre.
  • Call to action-link (knap) - der kan indsættes op til fem link-knapper. Knappen kan enten være fyldt ud med farve eller gennemsigtig med en kantfarve.
Eksempler på brug af widemodulet
Se eksemplet i fuld størrelse nederst på denne side.

Rediger et widemodul

Særlige elementer

  • Baggrundsbillede: Her kan indsættes et billede fra Mediebiblioteket. Sådan indsætter du et billede
    NB: Vær opmærksom på at vælge et baggrundsbillede med en rolig billedflade, så teksten på billedet kan stå tydeligst muligt frem. Vær også opmærksom på kontrastforholdet mellem baggrundsbillede og tekst, så teksten fremstår læsbar. Læs mere om tilgængelighed
  • Baggrundsvideo: Her kan indsættes en video: Sådan indsætter du en video
  • Call to action: Der kan indsættes op til fem links, der vises som knapper på modulet. Linkteksten bliver vist som tekst på knappen.
  • Tema: Her kan du vælge en baggrundsfarve til modulet. Vælg mellem 'Temafarve' (svarer til sitets temafarve), 'Temafarve mørk' (sitets temafarve i en mørkere nuance), Grå og Hvid.
  • Lys tekst: Hvis du sætter flueben her, bliver teksten på modulet vist i en hvid farve.Uden flueben er teksten sort.
    NB: Brug ikke lys tekst på en lys baggrundsfarve/et lyst baggrundsbillede. Kontrastforholdet skal være tilstrækkeligt til at leve op til reglerne for tilgængelighed. 
  • Centreret tekst: Hvis du sætter flueben her, bliver teksten på modulet centreret. Uden flueben er teksten venstrestillet.
  • Tekstjustering: Bruges ved to sidestillede moduler (to moduler i 6 kolonners bredde).'Højre' bruges på modulet til højre. 'Venstre' bruges på modulet til venstre.
  • Call to action udseende: Bestemmer udseendet på call to action-knappen. Vælg mellem 'Gennemsigtig med farve' eller 'Fyldt ud med farve'. Vælger du ikke noget, bliver knappen vist udfyldt med farve. Farven på knappen følger sitets temafarve. Er der valgt 'Lys tekst', vil knappen også være lys.
  • Brug headerstørrelse h1: Sæt kun flueben her, hvis widemodulet bruges som topmodul øverst på siden.
  • Dæmpet farver: Hvis du sætter flueben her, vil farverne på widemodulet blive nedtonet. Toningen af modulet vil følge den temafarve, der evt. er valgt for widemodulet.
  • Fuld Browser: Sæt flueben her, hvis du ønsker, at widemodulet skal vises i hele browservinduet.
Rediger et widemodul

Her kan widemodul indsættes:

I container (XL) 12 kolonner helt til kant:

  • celle 6 kolonner (XL)
  • celle 12 kolonner (XL)

NB: Widemoduler kan kun indsættes i 12 kolonner container der går helt til kant (XL).

 

Eksempel på et widemodul

Modulet bliver vist i hele siddens bredde - uanset om det er på en mobil eller en stationær pc. Her er modulet brugt i en 12 kollonners celle. Der er brugt et billede som baggrund. Der er valgt en lys tekst.

Link 1 Link 2
DTU Lyngby Campus vinter

Widemodul i halv bredde

Widemodul indsat i en celle i 6 kolonners bredde. Der er valgt mørk temafarve. Der er valgt lys tekstfarve, og teksten er justeret til venstre-modulet. Call to action-knappen er fyldt ud med farve.

Call to action

Widedmodul til højre

Widemodul indsat i en celle i 6 kolonners bredde. Der er valgt et baggrundsfarven grå. Teksten er justeret til højre-modulet. Call to action-knappen er fyldt ud med farve.

Call to action