Gå til hovedindhold
Eksempel
Kreativ artikelside

Kreativ artikelside - eksempel

Dette er en 'Kreativ artikelside'. Her er mulighederne for at skabe særegent indhold og kreative layouter ekstra mange. Dette er en sidebeskrivelse, som også bruges i komponenten 'Hero m. position absolute'.

Polverini Lian

Dette er layoutet/griddet 'Artikel-indhold' som er valgt som ramme til indhold. Herefter er der indsat en Offset-blok (mellemrum). Offset er sat til at fylde 3 kolonner, for at det efterfølgende indhold skal fremstå mere centreret på siden.

← Det er i praksis det hvide mellemrum mellem skærmens kant og denne tekst begyndelse. 

Herefter er indsat en 'Kolonne á 6'. Denne fylder 6 ud af 12 kolonner.

Denne tekst er skrevet i en Tekst-komponent, indsat i 'Kolonne á 6'.

Overskrift til hele griddet

Overskrift

Hele denne blok, som har en baggrundsfarve rundt om en boks med billide og tekst er et 'frit grid'.

Heri er der indsat to kolonner á 6 ved siden af hinanden, dvs. i alt to bokse med tekst, som hver især fylder 6 ud af i alt 12 kolonner.

Denne tekst er skrevet i en Tekst-komponent, som er indsat i begge af de to kolonner á 6. 

Teksten er forstørret 2X i denne boks.

Overskrift

Hele denne blok, som har et baggrundsbillede rundt om en hvid kasse, er et 'frit grid'.

Heri er der indsat to kolonner á 6 ved siden af hinanden, dvs. i alt to bokse med tekst, som hver især fylder 6 ud af i alt 12 kolonner.

Denne tekst er skrevet i en Tekst-komponent, som er indsat i begge af de to kolonner á 6.

Teksten er 'Normal' (ikke forstørret) i denne boks.

Skillert og Billede (parallax) ↑

Efter 'Frit grid' er der indsat en Skillert (bølgen), som har position absolut, slået til. Det gør at indholdet under trækkes ind under Skillerten. 

Denne er efterfulgt af Billede (parallax) indsat i en Kolonne á 12. Parallax giver effekten af, at billedet "bevæger sig"/følger med, når der scrolles.

 

Frit grid - Kolonne á 8

Dette er også layoutet/griddet 'Frit grid' som er valgt som ramme til indhold. Her er der indsat en Offset-blok (mellemrum). Offset er sat til at fylde 2 kolonner.

← Offset er i praksis det hvide mellemrum mellem skærmens kant og denne tekst begyndelse. 

Herefter er indsat en 'Kolonne á 8'. Denne fylder 8 ud af 12 kolonner.

Denne tekst er skrevet i en Tekst-komponent, indsat i 'Kolonne á 8'.

Teksten er forstørret 2X.

Accordion

Dette er en accordion, som du kender den fra den almindelige artikelside. Følg opsætningsmanualen her.

Her kan der skrives en billedtekst.

Accordion

Dette er en accordion, som du kender den fra den almindelige artikelside. Følg opsætningsmanualen her.

Her kan der skrives en billedtekst.

Ovenfor er indsat layoutet/griddet 'Artikel-indhold', to 'kolonner á 6' og en Accordion i hver. 

Denne tekst er skrevet i en Tekst-komponent, indsat i en 'Kolonne á 6' i layoutet/griddet 'Artikel-indhold'.

Herunder ses afsluttende en Skillert, som lægger sig i forlængelse af footeren (den er 'roteret'). ↓