Hoved ramme
Dette er hoved rammen for en side på TastSelv. Den består af et logo container (skts-logo), en global menu container (skts-globalmenu-container) og en indholds container (skts-midter-container-med-brugeroplysninger). Desuden skal footer containeren også inkluderes (skts-footer).
Id til midter containeren kan også skiftes til skts-midter-container-uden-brugeroplysninger afhængigt om man inkluderer bruger oplysninger eller ej i skærmbilledet.
Logo
Logo området består af to containere, en container, skts-logo-op, indeholder toppen af billedet for logoet; den anden container, skts-logo-ned indeholder den nederste del af logoet. Der er desuden inkluderet en a til forsiden på TastSelv.
Indholds containere
Indholds containere bruges til at strukturere indholdet på siden. De angives som et id til hver container. I nedenstående eksempel bruges container id'et skts-venstre-menu-container til at indeholde venstre menuen og id'et skts-indhold-container-hoejre til at strukturere indholdet.
Man kan også vælge at bruge id'et skts-indhold-container-hele-bredden eller skts-indhold-container-hele-bredden-foer-login til at fylde hele bredden af siden, man skal i dette tilfælde ikke bruge venstre menu containeren.
Klasserne skts-indhold-smal og skts-indhold-bred kan også bruges i en indholds container for at styre bredden af indholdet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sekundære vinduer
Disse vinduer bruges primært som popup vinduer eller til specifik information til brugeren for bestemte områder på TastSelv
Indholdsvindue 1
Inholdsvindue 2
Overskrift
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Side specifikke layouts
Login forside (før login)
Indhold
Indhold
TastSelv forside
Årsopgørelsen
Indholds rammen for årsopgørelsen består af af klassen skts-indhold-bred skts-guide-frame. Indenfor denne ramme kan der placeres en ramme skts-layout1-foldblok, hvori linier for f.eks. Indkomster og fradrag kan angives. Denne blok bruges af javascript for at udregne farvelægningen af disse linier.