Global menu bruges som top menu på alle sider. Menuen er inddelt i en venstre skts-globalmenu-venstre
og en højre side: skts-globalmenu-venstre
, som begge er ul elementer. Hvert menu punkt er et li element indenfor denne som skal dekoreres med henholdsvis skts-globalmenu-venstre-link
og skts-globalmenu-hoejre-link
afhængigt af om man vil have menu punkter i højre eller venstre side af global menuen.
Hvert af menu punkterne kan enten være standard, markeret: skts-globalmenu-link-markeret
eller inaktivt: skts-globalmenu-link-inaktiv
. Ligeledes kan hvert punkt dekoreres med et tooltip (se Tooltips), hvis der skal bruges tooltip til et menu punkt.
Bemærk at det ydereste liste element i skts-globalmenu-venstre
skal dekoreres med klassen skts-globalmenu-hoejre-link-yderst
for at skjule den yderste højre border på elementet.
Markeringen om at en bruger af logget på eller ej kan foretages med klassen skts-globalmenu-link-logaf
og skts-globalmenu-link-logpaa
.
Markeringen om et menupunkt er markeret gøres med klassen skts-globalmenu-link-markeret
Venstremenuen er ligesom global menuen opbygget af en liste. Venstre menuen har en h1
overskrift som har en bestemt klasse for denne type overskrift. Der må af tilgængeligheds årsager kun være en enkelt h1
i menuen; der må altså ikke bruges flere end en h1
.
Bemærk at det første element i menu listen har klassen skts-venstre-menu-element-yderst
, som skjuler den top border som disse elementer sædvanligvis har.
Markeringen af et aktivt menu punkt foretages med klassen skts-venstre-menu-element-link-markeret
.
Faneblade kan bruges ved en inddeling af information. Den kan f. eks. bruges ved opdeling af årsopgørelsen i forskellige år. Den er opbygget som en liste, hvor et markeret liste element kan dekoreres med skts-faneblad-markeret
for at markere denne. Tooltips kan også indarbejdes i denne komponent (se Tooltips).
Tooltips er bygget op af en skts-tooltip-holder, som omkranser et skts-tooltip. Denne vises kun hvis brugeren holder musen over elementet eller navigerer via tastaturet til elementet. Tooltips bruges fortrinsvist til anchor elementer, men kan som vist også bruges til andre elementer, til f.eks. at forklare et punkt.
AVi har ændret beløbet for dig