GoPublic/ VIF

WYSIWYG-gennemgang af de værktøjer vi har til rådighed i værktøjskassen.

CONTENT & LAYOUT

Accordion & Tabs

Accordion default

Standard udseende

Lorem ipsum...

Accordion/ tidslinje

Standard udseende

Lorem ipsum...

Accordion without borders

Standard udseende

Lorem ipsum...

Tab 1a med ikon. 
Vælges under Content.
Er det muligt at styre dimensioner og float på billeder?
Ændringer i html overskrives.
Tab med tidslinje

Lorem ipsum...

Lister

Event List Module
Avanceret liste
Titel på knap
Denne dims kræver en nærmere forklaring;-)
People Directory

Extension modul

- Kræver en forklaring

Hero-moduler

  • HERO with a text box
  • Hero with text box placed at the bottom. Background mint green.
  • Hero with overlapping text box
  • Hero with overlay
  • Split Box: image and text side by side
  • Hero with text as labels with 90% opacity

HERO

with a text box

HERO

with a text box og video. 

Indholdsboks

Billedtekst

Trompet

Overskrift

Billedtekst

Trompet

Indholdsboks – Overskrift 

Brødtekst

Trompet

Indholdsboks – Overskrift

Brødtekst

Color options
dark blue
mint green
light grey
red
lighter grey
white
white with a shadow
white with border

h2 overskrift

Brødtekst

Linje 2

Linje 3

Equal heights

h2 overskrift

Brødtekst

h2 overskrift

Brødtekst

Kode

I dette modul er det muligt at kode i HTML og JavaScript.
Eksemplet herunder viser en simpel <iframe> – altså en opsætning der deles fra en anden hjemmeside.

Kontakt

Fulde navn
S: Titel
O: Afdeling
T: 29264768
L:

Tabel-modul

Virker ikke med csv-import.

Ftv 2026

Slider

  • Slider 1

  • Trompet

    Slider 2

  • Hero Module
  • Hero Module
  • Hero Module3

Spacer-modul

MEDIA & VISUALS

Diagrammer

Boblediagram
Cirkeldiagram
Doghnutdiagram
Radardiagram

Note

Linjediagram
Søjlediagram

Image download

Klikbart billede

Har problemer på mobil!

Maps

  • pin 1
  • Pin 2 
Mulighed for at låse kortet når der scrolles?

MP3-modul

Reveal

Tal-modul

Overskrift punkt 1

1

Her er punkt 1

Modul kræver en forklaring;-)

Video

Indlejring af YouTube-videoer kan jeg ikke få til at fungere.
 
OBS! Hvis autostart og loop skal video ligge som baggrund.

INTERACTIONS & FORMS

Abboner på mailliste

Tilmelding overskrift

Tilmelding teaser

Felter med (*) skal udfyldes

Afstemning

Svarmuligheder

Calculator-modul

Kræver en forklaring

Udspecificering af valg
Email beregning

Cookie Acceptance

Kræver en forklaring

Feedback

Kræver en forklaring
 

Flowchart

Kræver en forklaring
 
Kode

Flowchart Item

Brød

Footer

Formularer

Kræver en forklaring
 

Formularer

Pære

Pære

Banan

Banan

Quiz

Intro slide

Begynd quiz

User Content Creation

 
 
Upload
Tags
Upload

TYPOGRAFI

Overskrift h1 

Overskrift h2

Overskrift h3

Overskrift h4

Overskrift h5
Overskrift h6

h1 {
  font-size: 2.3rem;
  line-height: 3rem;
  font-weight: 500;
}

h1, h1 > a {
  font-family: "Literata";
  color: #2d323c;
}
h1 {
  margin: 0 0 .3em 0;
   margin-top: 0px;
}

h2, .link-list.drop-down label {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 500;
}

h2, .link-list.drop-down label, h2 > a, .link-list.drop-down label > a {
  font-family: "Switzer",Sans-Serif;
  color: #2d323c;
}
h2, .link-list.drop-down label {
  margin: 0 0 .4em 0;
  margin-top: 0px;
}

h3 {
  font-size: 1.5rem;
  line-height: 2.1rem;
  font-weight: 500;
}
h3, h3 > a {
  font-family: "Switzer",Sans-Serif;
  color: #2d323c;
}
h3 {
  margin: 0 0 .4em 0;
}

h4 {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 500;
}
h4, h4 > a {
  font-family: "Switzer",Sans-Serif;
  color: #2d323c;
}
h4 {
  margin: 0 0 .4em 0;
}

h5 {
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 600;
}
h5, h5 > a {
  font-family: "Switzer",Sans-Serif;
  color: #2d323c;
}
h5 {
  margin: 0 0 .4em 0;
}

h6 {
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
h6, h6 > a {
  font-family: "Switzer",Sans-Serif;
  color: #2d323c;
}
h6 {
  margin: 0 0 .4em 0;
}

FROMBERGS SANDKASSE

Hej VIF-web-redaktører.

Som nyoprettet bestyrelsesmedlem med administratorrettigheder på vore site prøver jeg at gå systematisk til værk.

Aktuelt issue var, at der skulle laves 2026-opdateringer på siden LEGATER. 

I forbindelse med arbejdet med legat-siden har jeg mange spørgsmål.
En del af dem prøver jeg nu selv at finde svar på ved bl.a. at lave en systematisk WYSIWYG-gennemgang af de værktøjer vi har til rådighed i værktøjskassen.

Hilsner fra Christina F
Aa
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 1234567890(,.;:?!$&*)
  • Weight:
  • Style: