På denne side vises brødtekst, billeder, video og faktaboks inde i indholdsfeltet, som fylder 7 kolonner i 12 grid. På en indholdsside skal man have indhold her

Almindelig tekst

Her kan du skrive ganske almindelig brødtekst med mulighed for punktopstillinger, links, fed tekst og interne og eksterne links

Her er et eksempel på et link

Du kan bruge H2-h5 overskrifter, husk at overholde hierarkiet. 

Mellemoverskrift H3

Overskrift H4

Overskrift H5

Vestibulum vitae pharetra mi, nec venenatis velit. Donec cursus risus eget mi mollis, id ultricies ipsum lacinia. Nulla blandit condimentum lorem eu vehicula. Maecenas rutrum nulla vitae tellus egestas, vitae porta tellus pellentesque. Nunc faucibus pharetra lectus, ac sagittis velit convallis in. Phasellus tincidunt pellentesque ultrices. Donec nec odio elit. Praesent eget aliquam mi, id rhoncus lectus. Duis eu urna ut nibh interdum malesuada.

Call to action-knap

Du kan sætte en Call to action-knap (CTA) nederst under en tekst. Knappen kan indstilles som primær (rød), Sekundær (grøn) eller tertiær (hvid) alt efter konteksten.

Primær CTA Sekundær CTA Tertiær CTA
Her er et citat. Man kan kun skrive ren tekst i citat, der er ikke andre muligheder i citatblokken.

Tektsblok m billede - generelt

Billede kan sidde under eller over teksten i en tekstblok eller floate til højre eller venstre. Max 1 billede pr. tekstblok.

Hvis du bruger float skal du helst bruge float til højre eller venstre på samme side og ikke blande, hvis du bruger flere billeder på samme side. Det giver en uens læseretning for brugeren

Vi anbefaler, at du ikke uploader billeder i Optimizly i en større px-størrelse end nødvendigt, da det giver en højere loadtid pr. side. Kig derfor på formater og størrelser.

Følgende billedformater kan bruges:

  • svg
  • jpeg
  • png
  • gif

Vær opmærksom når du bruger PNG, at størrelsen ikke bliver for stor. Vælg da i stedet at ændre til en jpg. PNG er kun strengt nødvendigt, hvis billedet har en "fritlagt/gennemsigtig" baggrund, da dette ikke er muligt med en jpeg.

Se de 4 forskellige muligheder for billedplacering i en tekstblok nedenfor (+ størrelser)

Videoblok

Dette er videoblokken. Videoer på regionens hjemmesider skal altid ligge i 23Video. 

Gå ind på adressen øverst på siden for at se videoen.

Faktaboks m. billede

Du kan lave en faktaboks med og uden billede

Fakta om web

Her kan man så skrive en helt almindelig brødtekst med punktopstilling, links og evt. fremhæve noget med fed. Teksten kan maks. være 360 tegn.

Du skal bruge 2 billedestørrelser til en faktaboks m. billede.
Desktop: 488x480, Mobil 16:9 format: 760x428 px

Fakta om portræt-ikoner

Portrætikonet fås til faktaboks både i 7 grid og kolonnebånd.

Vælg mellem hvid baggrund, gradient baggrund eller ingen baggrund.

Faktaboks uden billede

Her kan man så skrive en helt almindelig brødtekst med punktopstilling, links og evt. fremhæve noget med fed. 

Faktaboksen uden billede har ingen begrænsning på tekstmængde eller højde. Højden på boksen reguleres efter tekstmængde

Kolonnebånd med faktabokse med billede

Her kan stå en lille tekst.

Og evt. et link, men ikke en knap

Kolonnebånd "tænder" som det eneste brede bånd ikke én anchor i toppen (kontakt, nyttelige link etc)

Kolonnebånd skal altid placeres over alle andre bånd som en nederste del på en indholdsside.

Kolonnebånd indeholder faktabokse og max 4. (vist vertikalt i stedet for horisontalt)

Overskrift h2 (35-40 tegn) 0.8

Faktaboksen kan indeholde almindelige brødtekst og links. Brødteksten kan maksimalt være 360 karakterer lang.

Eksempel på link

Billeder på boksene (1)

Du kan have billede på, men behøver ikke. Hvis du vælger at bruge billeder skal de bruges på alle faktaboksene på siden. Vær opmærksom på at det sjældent bliver harmonisk, hvis du blander grafik og foto.

Eksempel på link

Højde på boksene (1.5)

Alle faktabokse vil have den samme højde som den faktaboks, der har mest indhold.

Link til noget

Faktaboks 4 (2.0)

Vestibulum vitae pharetra mi, nec venenatis velit. Donec cursus risus eget mi mollis, id ultricies ipsum lacinia.

Link til noget

Nulla blandit condimentum lorem eu vehicula. Maecenas rutrum nulla vitae tellus egestas, vitae porta tellus pellentesque. ss