Denne side viser de mere generelle bånd, der kan bruges på en side.

Klik på et punkt i submenuen og scroll ned til det.

Submenuen bliver til en slider på mobil.

Andre sider med DEMO-bånd:

Tekstbånd

H1: Lorem ipsum

H2: Dolor sit amet

H2 Look a like: Håndskrift

H4: Consectetur adipiscing elit

h4: Integer vehicula

P: Praesent ultricies malesuada augue, eget auctor lacus vestibulum ac. Proin aliquet pulvinar lacinia. Nam in metus nec eros pulvinar bibendum et at ipsum. Ut id dolor vel metus venenatis lobortis vel at risus.

P med alternativ tekstfarve: Aenean nec arcu aliquet tortor tempor ultricies eu quis augue. Aenean ultricies magna quis pharetra finibus. Fusce eu erat massa. Sed magna lorem, molestie vel accumsan eget, viverra non risus. 

Large text size: Integer urna dui, interdum quis molestie sit amet.

På knapper kan vi:

  • Styre tekstfarven
  • Styre baggrundsfarven
  • Styre hover farver

Disse tre vil være generelle for alle knapperne i modullet.

På den enkle knap kan vi:

  • Styre om den skal være "Normal", "Medium" eller "Lille"
  • Styre om den skal være fuld bredde

Splitbånd

I et splitbånd har I følgende muligheder:

  • Tekstkomponent
  • Billedkomponent
  • Formularkomponent

I kan opsætte et splitbånd som I ønsker det med de tilgængelige komponenter.

Det er også muligt at indsætte et baggrundsbillede, der fylder hele den ene side.

Styles kan styre separat for siderne, men også generelt.

Dette er et Grid ribbon

I grid kan I opsætte:

  • Tekstkomponent
  • Billedkomponent
  • Videokomponent
  • Katalog komponent (Viser katalogforsiden fra Tjek)

I et grid ribbon vælger I selv bredden på desktop og mobil. 

I dette eksempel er de 3 første 33% på desktop og 100% på mobil. Den sidste er 50%.

Videoen spiller ikke, da der ikke er en gyldig API nøgle.

Dette Grid item har en pop up tilknyttet. Hvis du klikker her åbner et overlay!

I det overlay kan du indsætte:

  • Tekst ribbon
  • Video ribbon
  • Billed ribbon
  • 50/50 ribbon

Denne video er fra YouTube.

Det er muligt at gøre følgende:

  • Slå autoplay til
  • Skjul muligheden for at styre lyd
  • Skjul alle controls
  • Baggrundsvideo
    • Vis som baggrundsvideo
    • Vis en tekst ovenpå videoen
    • Styre højden
  • Vise indhold fra en liste af videoer
  • Vise videoen som "Simple embed" -> dvs. uden custom designet.

Youtube videoen virker ikke lige nu, da der ikke er en gyldig API nøgle.

Dette er en video fra 23videos, som bruger et embed script.

Dette er en video fra 23videos, som bruger en custom player.

I en slider kan du indsætte:

  • Tekst ribbon
  • Video ribbon
  • 50/50 ribbon
  • Billedbånd

I 50/50 i en slider kan du indsætte det samme som i et normalt 50/50.

Du kan slå "Autoplay" til

.. og så kan du indsætte et subslide. Et subslide følger med det pågældende slide man kan indeholde noget helt andet!

I en billedslider kan du gøre følgende:

  • Vise standard billeder
  • Vise billeder, der går til kant
  • Have en tekst over el. under billederne - ens for alle billederne i slideren
  • Have et link pr. billede.
  • Have autoplay

En billedslider viser altid:

  • 3 billeder på desktop
  • 2 billeder på tablets
  • 1 billede på mobil

Mælk

På nedestående bånd kan man hente nyheder på to måder.

  • Via "tags", som er udfyldt på de enkle nyheder. Vis der er en eller flere artikler med det pågældende tag vises de.
  • Via brugerens interesse. Kræver at alle sider har udfyldt "tag". 
    Systemet husker på de sider, som brugeren har besøgt og vil derfor vise artikler ud fra den type sider, som brugeren har besøgt mest.

Nedestående er via "tags" - helt præcis viser den nyheder med "Karriere"

Accordion ribbon

Dette er en intro tekst, der kan vises. Du kan indsætte så mange accordion elementer som du ønsker og du kan style det hele samlet.

Lorem ipsum dolor sit amet

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.

Consectetur adipiscing elit

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.

Med et opdelingsbånd kan du gøre følgende:

  • Tilføje et logo som centreres på opdelingsstregen
  • Gøre opdelingsstregen tykkere
  • Ændre farve på opdelingsstregen
  • Ændre farve på baggrunden