Menuer

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


Venstremenu

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

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).


Forside menuer


Tooltips

Tilgængelige 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