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.
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.
Du kan styre følgende styles:
- Baggrund: Farve/Billede
- Tekst: Farve inkl. alt tekstfarve og links
- Knap: Størrelse, placering, farve.
- Padding: Over/under
- Tekst placering
Ekstra muligheder:
- Læs mere på mobil: Skærer afsnit væk, der ikke kan være på 1 skærmhøjde.
- Underbånd, så der kommer en fold ud. Du har åbnet et underbånd for at læse dette.
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 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
seneste nyheder.
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"
nyhedsbånd.
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
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