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? :)

Skugga bakom bloggen

Fick en fråga om hur jag gjorde skuggan bakom bloggen. Jag tänkte göra ett inlägg om det imorgon så, wait for it. ;)


bloglovin