Design bild

Välj bild att designa

Gå till sidan du vill arbeta med.

För muspekaren över objektet du vill designa och klicka på "Skiftnyckeln" i vänstra hörnet över bilden.
Klicka på "Design".

» Måttangivelser

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.

» Marginaler och indrag

Marginaler infogas utanpå bilden som en ram och indrag drar ihop den.

Ö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

För bilder går det ej att lägga in bakgrundsbilder, däremot går det bra att lägga in en bakgrundsfärg.

Bild

Klicka på "Välj bild" och du kommer till filarkivet och kan välja en bild som bakgrundsbild.

Repetera

Bilden har en viss höjd och du kan välja att bakgrundsbilden ska repetera. Dvs om texten du skrivit är 200px på höjden och bilden du lägger in som en bakgrund endast är 150px så kan bilden alltså upprepa sig. Detta kan du styra både horisontellt och vertikalt. Du kan givetvis välja att bilden inte ska repetera.  Ä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.

Fästa

Om du väljer "Fixerad" så ligger bilden fast i bakgrunden och när man skrollar på sidan så rör sig texten ö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 har en bild som objekt så 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 (#).

Opacitet

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

» Skugga

Låt en skugga omfamna objektet. Börja gärna med att ange färg för att direkt kunna se resultatet av övriga inställningar.

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å "OK" när du valt färg.

» Hörn

Gör mjuka rundningar på bildens hörn.

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

Dra i reglaget eller ange siffror i rutan för att göra hörn. Detta fungerar endast på bilder och om du har lagt en bakgrundsbild, färg, skugga eller ram på texten eller i en layout-tabell/kolumn.

» Ram

Lägg in en ram runt bilden. 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 (#).