Design layout-tabell

Design för en layout-tabell

Du kan jobba med design för hela layout-tabellen men det går även att designa en kolumn i en layout-tabell.

» För hela layout-tabellen

Sök upp sidan du vill arbeta med genom att klicka på ikonen allra längst ut till vänster i den svarta verktygslisten i sidhuvudet och navigera dig fram till sidan. 

Du kan även klicka på "CMS / Sidor" och söka upp sidan i sidarkivet och klicka på namnet på sidan för att komma till editeringsläge

För muspekaren över objektet du vill designa och klicka på "Skiftnyckeln" vänstra hörnet över layout-tabellen du ska designa.

Klicka på "Design".

» Måttangivelser

Du kan ange maximal, minimal och fast bredd och höjd. Du anger värdet i pixlar (px) eller procent (%). Ange alltid px eller % efter den siffra du anger: t.ex. 200px eller 50%.

Max bredd

Angivet värde sätter maximal bredd på bilden oavsett storlek på skärm.

Min bredd

Angivet värde sätter minsta bredd på bilden oavsett storlek på skärm.

Fast bredd

Angivet värde sätter en fast bredd på objektet oavsett storlek på skärm. OBS! Objektet blir EJ responsivt.

Max höjd

Angivet värde sätter en maximal höjd på objektet oavsett storlek på skärm. Om du kombinerar denna inställning med bredd för en bild så kan bilden bli förvrängd beroende på bildens original storlek.

Min höjd

Angivet värde sätter en minsta höjd på objektet oavsett storlek på skärm. Om du kombinerar denna inställning med bredd för en bild så kan bilden bli förvrängd beroende på bildens original storlek.

Fast höjd

Angivet värde sätter en fast höjd på objektet oavsett storlek på skärm. OBS! Objektet blir EJ responsivt.

Exempel: Fyller du i 50% så kommer texten alltid att uppta halva ytan av den position där texten placerats, oavsett storlek på skärm som besökaren har.

"Fast bredd och höjd" innebär att om du anger 500px så kommer texten alltid att ha den storleken oavsett vilken storlek på skärm besökaren har. Dvs texten blir inte responsiv.

» Marginaler och indrag

Marginaler och indrag skapar utrymme mellan ett objekt och närmast annat objekt. Marginaler infogas utanpå objektet som en ram och indrag drar ihop objektet.

Över / under

Dra i reglaget eller ange siffror i rutan för att infoga marginaler/indrag över och/eller under en bild.

Vänster / höger

Dra i reglaget eller ange siffror för att infoga marginaler/indrag till vänster och/eller höger för en bild.

» Bakgrund

Du kan lägga en bakgrundsbild eller bakgrundsfärg bakom tabellen. Du kan även i dropplistorna välja om hur bildens ska justereas/placeras i postitionen t.ex. i mitten, till vänster osv eller välja att repetera bakgrundsbilden.

Tänk på att bildens storlek bör täcka hela ytan eller mera om du inte önskar att repetera den.

Bild

Klicka på knappen "Välj bild" och så du kommer till filarkivet och kan nu välja en bild från arkivet eller ladda upp en ny bild.

Klicka på “Välj” (pilen) för den bild du önskar använda som bakgrundsbild.

Repetera

Om bilden inte är tillräckligt stor för positionen du kan du välja att bakgrundsbilden ska repetera. Dvs om tabellen du har är 200px på höjden och bilden du lägger in som en bakgrund endast är 150px så kan bilden alltså upprepa sig för att täcka hela tabellen. Detta kan du styra både horisontellt och vertikalt. Är det t.ex. en bild som föreställer en färg så kan du med fördel låta den repetera. Välj då "Repetera" så gäller detta både horisontellt och vertikalt.

Du kan givetvis välja att bilden inte ska repetera. 

Fästa

Om du väljer "Fixerad" så ligger bilden fast i bakgrunden och när man skrollar på sidan så rör sig innehållet över bilden. Väljer du "Standard" så rör sig texten inte över bilden vid skroll.

Position

Ange hur bilden ska positioneras. Detta kan vara lämpligt om du har en bild som är större än själva ytan där den placeras för att visa upp den del av bilden du önskar.

Färg

Om du önskar kan du lägga in en bakgrundsfärg. Sätt muspekaren i fältet och dra i reglagen för att hitta en bra färg eller skriv in hex kod (#). Klicka på "Spara" när du valt färg.

Opacitet

Här anger man opacitet för att ge färgen/tabellens transparens (genomskinlighet). Denna anges i procent (%).

» Skugga

Låt en skugga omfamna objektet. Börja med att välja färg och gör sedan övriga inställningar för hur skuggan ska visas bakom objektet. Dra i de olika reglagen eller ange pixelmått

Horisontellt

Dra i reglaget eller ange siffror i rutan för att flytta skuggan horisontellt.

Vertikalt

Dra i reglaget eller ange siffror i rutan för att flytta skuggan vertikalt.

Suddighet

Dra i reglaget eller ange siffror i rutan för att göra färgen suddig.

Spridning

Dra i reglaget eller ange siffror i rutan för att ange hur stor spridning du vill att färgen ska ha.

Färg

Sätt muspekaren i fältet och dra i reglagen för att hitta en bra färg eller skriv in hex kod (#). Klicka på "Spara" när du valt färg.

» Hörn

Om du har en bakgrundsbild, bakgrundsfärg, skugga eller ram för texten kan du skapa mjuka rundningar på objektets hörn.

Över vänstra / högra och Nedre vänstra / högra

Dra i reglagen eller ange pixelmått i rutan för att göra hörn.

» Ram

Lägg in en ram runt tabellen. Börja gärna med att ange en färg för att direkt kunna se resultatet av övriga inställningar.

Ram bredd

Dra i reglaget eller skriv in en siffra i rutan för att ange hur bred ramen ska vara.

Typ

Välj i dropplistan vilken typ av ram du önskar, du ser direkt på sidan vilket utseende respektive val har när du gör valet.

Ramfärg

Sätt muspekaren i fältet och dra i reglagen för att hitta en bra färg eller skriv in hex kod (#). Klicka på "Spara" när du valt färg.