Hopp til hovedinnhold

Spesialløsninger (utils)

Disse tingene er ikke helt spikret, så kan f.eks komme endringer i navngivning, eller måten man påfører dette. Enn så lenge legges det på som cssClass på ulike nivåer redaksjonelt; site, side, seksjon, modul.

Dette er CSS-klasser som legges inn i feltet CSS klasse på enten modul (som regel banner) eller seksjon. Feltet finner man under bannerets innstillinger eller seksjonsinnstillinger.  Egenskaper som påføres på seksjoner vil gjelde hele den aktuelle seksjonen (f.erks da alle bannere som ligger i denne).

util-no-left-padding

  • settes som cssClass
  • nivå: seksjon (rutenett eller sidelister)
  • Medfører at bannere ikke får left/right padding i innholdscontaineren, men kun for visningsmetoder der bilde ligger i topp ; bilde over og variabel høyde
  • Kan være nyttig dersom banneren ikke har noe bakgrunnsfarge som skiller seg fra siden/seksjonens bakgrunn.

util-skin-inner

  • Settes som cssClass på rutenettseksjoner dersom man ønsker at skin/bagrunn i seksjon ikke skal være utfallende, men kun gjelde for seksjonens bredde
  • nivå: seksjon (rutenett)  (sidelister?)

util-module-separator

  • settes som cssClass på en og en banner  (eller i rutenett) for å få en linje til høre for banner
  • nivå: modul (banner)

layout--circle

  • settes som cssClass på bannere, men disse må først settes som "tekstboks"-visning.
  • nivå:modul (banner)

util-section-liftup (+ util-banner-content-liftup)

  • Mulighet for å få en rutenettseksjon til å overlappe ovenforliggende rutenettseksjon
  • nivå: seksjon (rutenett)

Det kan være aktuelt på ovenforliggende banner å løfte tekstboksen til denne litt (dersom denne er satt til å vises i bunn av banner og inneholder tekst/knapper). Dette kan gjøres med å bruke util-banner-content-liftup på banneret.

util-accordion / util-accordion-tight

  • Kan settes som cssClass på innholdsseksjoner
  • Vil medføre at tekstmoduler vist som "tekstboks) 8lukket, semi eller åpen) vil stå mye tetter enn normalt.

util-section-keynotes

  • Dersom 3-kolonners grid er i bruk på en seksjon så vil denne hjelpeklassen fordele 3 bannere i 2-1 oppsett på mobil.
  • Dersom 4 kolonners grid (standard) så vil M (M-S) bannere fylle kun halv bredde på mobil (mot normalt full bredde)
  • Nivå: seksjon (rutenett)
Se eksempler

util-section-title-center

  • Sentrerer seksjonstittel i en rutenettseksjon
Se eksempel

util-banner-img-contain

  • Medfører at bilde/bakgrunn i en banner alltid vises i sin helhet. Bl.a nytting om bildene er logoer.
  • Nivå: Banner 

text-white

  • Tviinger tekst (tittel og brødtekst) i en banner til å bli hvit. Kan være aktuelt dersom det ligger i et bilde i bakgrunnen og valgt skin normalt har sort tekst. Et slik valg kan være aktuelt dersom skin'et har en egen knappefarge.
  • Nivå: Banner / Seksjon

Diverse video-banner utils

  • util-video-bottom

  • util-video-top

  • util-video-contain

Dersom man bruker en av disse klassene (cssKlasse) på bannere som har videobakrunn så vil det ha betydning for plasseringen av video i bannere. 

util-no-left-padding

Quo adipisci doloribus nam laudantium dolorem sed blanditiis commodi. Ut omnis unde quo adipisci consectetur aut adipisci doloremque et sapiente quae

Quo adipisci doloribus nam laudantium dolorem sed blanditiis commodi. Ut omnis unde quo adipisci consectetur aut adipisci doloremque et sapiente quae

Quo adipisci doloribus nam laudantium dolorem sed blanditiis commodi. Ut omnis unde quo adipisci consectetur aut adipisci doloremque et sapiente quae

Quo adipisci doloribus nam laudantium dolorem sed blanditiis commodi. Ut omnis unde quo adipisci consectetur aut adipisci doloremque et sapiente quae

Sidelisteseksjon med: util-no-left-padding

Må settes på seksjon. Burde kunne settes på modul.

Normal

Quo adipisci doloribus nam laudantium dolorem sed blanditiis commodi. Ut omnis unde quo adipisci consectetur aut adipisci doloremque et sapiente quae

Quo adipisci doloribus nam laudantium dolorem sed blanditiis commodi. Ut omnis unde quo adipisci consectetur aut adipisci doloremque et sapiente quae

Quo adipisci doloribus nam laudantium dolorem sed blanditiis commodi. Ut omnis unde quo adipisci consectetur aut adipisci doloremque et sapiente quae

Quo adipisci doloribus nam laudantium dolorem sed blanditiis commodi. Ut omnis unde quo adipisci consectetur aut adipisci doloremque et sapiente quae

Museum24:Portal - 2025.04.24
Grunnstilsett-versjon: 2