Lathund

Mallar

• Standard den mall som en sida får som standard, visar vänster menyn (undermenyn) och ger redaktören en textyta att fylla med innehåll.
• Standard-Fluid har en fluid layout .
• Tom mall används för sidor där man inte vill ha med varken sidhuvudet med logotyp och navigation eller sidfoten

Färgkoder

@blueLight: #b8c5da;
@blue: #003dac;
@blueDark: #00285a;
@redLight: #f7cfc2;
@orange: #c3631a;
@purpleLight: #d0bdc9;
@purple: #622066;
@turkos: #c8ead5;
@Green: #026937;
@yellow: #ffdf00;
@yellowLight: lighten(@yellow, 28%);
@beigeLight: #f5f2ea;
@beige: #ebe6d6;
@beigeDark: darken(@beige, 25%);

Boxar

Box med platta

Box med Ikonplatta

Om man vill ha samma höjd på alla kolumner så ska man lägga till class=”equal” på f2-row

Media boxar

Title

Detta är en exempelsida. Den skiljer sig från ett blogginlägg eftersom den är statisk och kommer att finnas.

Title

Detta är en exempelsida. Den skiljer sig från ett blogginlägg eftersom den är statisk och kommer att finnas.

Blå box med platta

Detta är en exempelsida. Den skiljer sig från ett blogginlägg eftersom den är statisk och kommer att finnas.

Detta är en exempelsida. Den skiljer sig från ett blogginlägg eftersom den är statisk och kommer att finnas på samma plats hela tiden, den kommer troligen att visas i din sidnavigering (i de flesta teman).

Textstorlekar

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Ingress text. Detta är en exempelsida. Den skiljer sig från ett blogginlägg eftersom den är statisk och kommer att finnas på samma plats hela tiden, den kommer troligen att visas i din sidnavigering (i de flesta teman).

Normal text. Detta är en exempelsida. Den skiljer sig från ett blogginlägg eftersom den är statisk och kommer att finnas på samma plats hela tiden, den kommer troligen att visas i din sidnavigering (i de flesta teman).

Stor text. Detta är en exempelsida. Den skiljer sig från ett blogginlägg eftersom den är statisk och kommer att finnas på samma plats hela tiden, den kommer troligen att visas i din sidnavigering (i de flesta teman).

Liten text. Detta är en exempelsida. Den skiljer sig från ett blogginlägg eftersom den är statisk och kommer att finnas på samma plats hela tiden, den kommer troligen att visas i din sidnavigering (i de flesta teman).

Medium viktad text. Detta är en exempelsida. Den skiljer sig från ett blogginlägg eftersom den är statisk och kommer att finnas på samma plats hela tiden, den kommer troligen att visas i din sidnavigering (i de flesta teman).

Onumrerad lista

• List object 1
• List object 2
• List object 3

Numrerad lista

1. List object 1
2. List object 2
3. List object 3

Definitions lista

Object 1 rubrik

Beskrivning

Object 2 rubrik

Beskrivning

Object 3 rubrik

Beskrivning

Textfärger

Rubriker med olika färger

Rubriker med olika färger

Rubriker med olika färger

Rubriker med olika färger

Rubriker med olika färger

Tabbar/ Flikar

Accordion/ ”Dragspel”

Knappar massor av knappar

Små knappar

Mellanstora knappar

Stora knappar

Karta

Bildspelare

Bildspelaren f2-imageplayer visar en eller flera bilder och är anpassad för att vara responsive. Den kommer att visa alla de bilder som har en etikett som motsvarar värdet i tag attributet.

Galleri

Shortcoden f2-gallery använder man om man vill ha ett galleri med tumnaglar som visar en stor bild när man klickar på tumnageln, man kan även navigera sig fram och tillbaka i den stora bilden.

Egenskaper

Bildstorlekar

Dessa storlekar finns att välja mellan när du infogar en bild från biblioteket:
Miniatyr: 150 X 150 (skalar ner och klipper bort det som inte får plats)
Medium: 300 X 300 (skalar ner med bibehållna proportioner)
Stor: 1024 X 1024 (skalar ner med bibehållna proportioner)

Övriga bildstorlekar som används:
slider-thumbnail: 430 X 280 (skalar ner och klipper bort det som inte får plats)
resurs-thumbnail: 130 X 170 (skalar ner och klipper bort det som inte får plats)
resurs-list-thumbnail: 40 X 60 (skalar ner och klipper bort det som inte får plats)
list-image: 213 X 160 (skalar ner och klipper bort det som inte får plats)  *Används i listan på områdessidan*
start-slider: 1420 X 555 (skalar ner och klipper bort det som inte får plats) *Används i bildspelet på startsidan*

För att ändra storlek på ”list-image” som används i områdeslistan:

1. Gå till Utseende -> Anpassa -> Bildinställningar.
2. Fyll i bredd och höjd. Stäng Anpassa-menyn
3. Gå till Verktyg -> Rebuild Thumbnails
4. Kryssa i ”list-image” i listan och klicka därefter på knappen Rebuild All Thumbnails