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
Ingen class
Ljusblå box
Blå box
Mörkblå box
Turkos box
Grön box
Ljuslila box
Lila box
Rödljus box
Röd box
Box med platta
Lila box med platta
Detta är en exempelbox. 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).
Röd box med platta
Detta är en exempelbox. 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).
Blå box med platta
Detta är en exempelbox. 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).
Box med Ikonplatta
Om man vill ha samma höjd på alla kolumner så ska man lägga till class=”equal” på f2-row
Stor Ikonplatta
Detta är en exempelbox. 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 Ikonplatta
Detta är en exempelbox. 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).
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
- List object 1
- List object 2
- 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:
- Gå till Utseende -> Anpassa -> Bildinställningar.
- Fyll i bredd och höjd. Stäng Anpassa-menyn
- Gå till Verktyg -> Rebuild Thumbnails
- Kryssa i ”list-image” i listan och klicka därefter på knappen Rebuild All Thumbnails