Innehålls­sidors dekora­tioner

Den här sidan beskriver dekorationer som är avsedda att användas på innehållssidor – sidor baserade på mallarna Sida med innehållsförteckning, Sida utan innehållsförteckning, Artikel, Press samt SKR kommenterar.

Faktaruta

Faktaruta är en yta som kan användas för att särskilja och lyfta kort fakta på en sida. Faktarutan har stöd för dårrad (en förklarande "överrad" till ämnesrubriken), men den är inte obligatorisk.

Så skapar du en faktaruta

  1. Skapa en layout och sätt dekorationen Faktaruta på den.
  2. Skapa en textmodul och skriv valfri rubrik med formatmallen Rubrik 2. Lägg till CSS-regeln Dårrad på textmodulen (Egenskaper > Utseende > Stil > CSS-regler)
  3. Skapa ytterligare en textmodul och fyll på med valfri text.

Om dårrad används ska den normalt ha formatmallen Rubrik 2 och den efterföljande rubriken formatmallen Rubrik 3. Utan dårrad ska den första rubriken i rutan normalt ha Rubrik 2.

Exempel att kopiera:

Fakta

Rubrik

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut tortor nec purus aliquam dictum. Fusce id convallis quam, vel volutpat magna.

Rubrik

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut tortor nec purus aliquam dictum. Fusce id convallis quam, vel volutpat magna.

Rubrik

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut tortor nec purus aliquam dictum. Fusce id convallis quam, vel volutpat magna.

Snabbfakta

Snabbfakta är en dekoration som är tänkt att användas för att lätta upp sidorna med några korta fakta om ett ämne. Exempelvis tre syften med ett projekt.

Så skapar du snabbfakta

  1. Skapa en layout och sätt dekorationen Snabbfakta på den.
  2. I den nu skapade layouten lägger du till ytterligare en layout. Denna layout används per fakta så detta steg kan återupprepas.
  3. Lägg till modulen Ikon och peka ut valfri ikon.
  4. Lägg till en textmodul och fyll på med valfri text i formatmallen Brödtext.
  5. Upprepa steg 2–4 för att lägga till fler faktarutor. Dekorationen är optimerad för 3 faktarutor.

Exempel att kopiera

Det finns drygt 2 000 revisorer i kommuner och regioner

Två tredjedelar är män men andelen kvinnor ökar stadigt

Högt förtroende för revisionen är viktigt för dess legi­timitet

Bakgrundsblock rosa

Bakgrundsblock rosa används på innehållssidor för att avgränsa olika huvud­sakliga innehålls­områden på sidan. Dekorationen skapar en tydlig yta med rosa bakgrundsfärg och avstånd som rymmer ämnet/delämnet och hjälper till att avgränsa det från sektioner med andra ämnen på sidan.

Två sektioner med dekorationen Bakgrundsblock rosa ska aldrig ligga direkt efter varandra utan är tänkta att avgränsa vartannat ämne på sidan.

Så skapar du en sektion med dekorationen Bakgrundsblock rosa

  1. Skapa en layout och sätt dekorationen Bakgrundsblock rosa på den.
  2. Fyll på med valfritt innehåll.

Se exempel nedan

Rubrik

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut tortor nec purus aliquam dictum. Fusce id convallis quam, vel volutpat magna. Fusce vitae tincidunt nulla. Integer ut sagittis sem. Donec vestibulum nulla a sem vestibulum viverra. Sed sed ante rhoncus, ultricies est vel, ultrices enim.

Kontaktkort

Dekorationen kontaktkort används för att visa namn, bild och kontakt­uppgifter till en person på ett tydligt och enhetligt sätt.

Så skapar du Kontaktkort

  1. Skapa en layout och sätt dekorationen Kontaktkort på den.
  2. I layouten lägger du till en textmodul med rubrik i en formatmall som passar för det sammanhang där Kontaktkort används.
  3. I den skapade layouten lägger du till ytterligare en layout. Denna layout används per kontaktperson och kan därför upprepas flera gånger.
  4. Lägg till en textmodul och fyll på med kontaktinformation. I vårt exempel har vi använt oss av formatmallen Rubrik 3 på namnet och formatmallen Brödtext på övrig information.
  5. Lägg till en bildmodul och välj bilden som tillhör kontaktpersonen.
  6. Upprepa steg 3–5 för att lägga till fler kontaktkort.

Exempel att kopiera

Infälld bild?

SKA DET VARA NÅGON FÖRKLARING TILL BILDEXEMPLET NEDAN?

Text under bilden som är ganska lång

Det visar en SKR-studie av den norska reform som innebar att staten tog över specialist­sjukvården. Studien är tänkt som kunskaps­underlag till den pågå­ende debatten om hur den svenska vården ska styras. Den bygger på dokumentstudier och intervjuer med forskare och företrädare för organisa­tioner som var inblandade i omställningen.Det visar en SKR-studie av den norska reform som innebar att staten tog över specialist­sjukvården. Studien är tänkt som kunskaps­underlag till den pågående debatten om hur den svenska vården ska styras. Den bygger på dokument­studier och intervjuer med forskare och företrädare för organisationer som var inblandade i omställningen.Det visar en SKR-studie av den norska reform som innebar att staten tog över specialistsjukvården. Studien är tänkt som kunskaps­underlag till den pågående debatten om hur den svenska vården ska styras. Den bygger på dokumentstudier och intervjuer med forskare och företrädare för organisationer som var inblandade i omställningen.

Introsektion

Introsektion är en sektion som inleder en innehållssida. Dekorationen framhäver rubrik, ingress och en kortare brödtext med bakgrundsfärg och ett grafiskt element. Kan även innehålla en viktig länk eller länklista.

Se exempelanvändning av sektionen via andra länken nedan.

Ytterligare funktioner som kan användas på innehållssidor

Nedanstående funktioner/dekorationer beskrivs på egna sidor.

Publiceringsinformation

Innehåll på sidan