Bakgrund i menyn
2 kommentarer /
Kommentera här!
1. Skapa först en bild eller ta en från nätet.
2. För du ska få bakgrunden som du vill gå in i photoshop.

Kolla hur bred menyn är i px och skapa en lika bred fil i photoshop, höjden bestämmer du själv efter hur du vill ha det.
3. Ladda upp bilden i bloggen och kopiera länken (se bild)

4. Gå in i stilmallen
Bläddra ner till denna koden:
#side {
position: absolute;
left: 744px;
top: 196px;
width: 202px;
display: inline;
padding: 0 5px 5px 5px;
background: #ffffff; <-----Ändra här
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #dad9d9;
}
Så här ska det se ut på raden du ska ändra:
background:url(länk) repeat;
Exempel:
background:url(http://bloggstyle.se/images/2010/bakgrund_68188569.jpg) repeat;
Vill du inte att bilden repeterar neråt ska det stå no-repeat
Då var det klart :)
Betygsätt detta inlägg:
2. För du ska få bakgrunden som du vill gå in i photoshop.

Kolla hur bred menyn är i px och skapa en lika bred fil i photoshop, höjden bestämmer du själv efter hur du vill ha det.
3. Ladda upp bilden i bloggen och kopiera länken (se bild)

4. Gå in i stilmallen
Bläddra ner till denna koden:
#side {
position: absolute;
left: 744px;
top: 196px;
width: 202px;
display: inline;
padding: 0 5px 5px 5px;
background: #ffffff; <-----Ändra här
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #dad9d9;
}
Så här ska det se ut på raden du ska ändra:
background:url(länk) repeat;
Exempel:
background:url(http://bloggstyle.se/images/2010/bakgrund_68188569.jpg) repeat;
Vill du inte att bilden repeterar neråt ska det stå no-repeat
Då var det klart :)
Betygsätt detta inlägg:

Category: