Design tips: Skugga bakom bloggen

Jag tänkte då berätta hur jag gjorde skuggan bakom bloggen. Det finns olika sätt att göra det på, till exempel en kod man kan klistra in men den syns inte i alla webbläsare så jag valde att göra det på ett annat sätt.

Det första du ska göra är att göra en bild med själva skuggan. Om du inte vet hur du gör, googla! Kom ihåg att den vita delen ska vara lika stor som din blogg (wrappern). Bilden behöver bara vara några pixlar bred.

Min bild i mindre format ↓



Sedan laddar du upp bilden på din blogg och kopierar koden till den. Gå in på design > stilmall och skrolla ner till #wrappern.

Såhär ska det se ut i wrappern.

#wrapper {
text-align: left;
width: 850px;
margin: 0px auto;
padding: 20px;
vertical-align: top;
margin-bottom: -20px;
background:url(LÄNKEN TILL DIN BILD) repeat-y center center;
}

Kom ihåg att ändra width till den bredden som din blogg är.

Några frågor? :)

Kommentarer

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback

bloglovin