• Bild i menyn!

Hur man lägger in en bild i menyn är mycket lätt, så här gör man:

1. Kolla först upp hur bred din meny är i stilmallen 

Bläddra ner till denna koden:

#side {
position: absolute;
left: 744px;
top: 196px;
width: 200px; <—Bredden på menyn 
display: inline;
padding: 0 5px 5px 5px;
background: #ffffff;
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #dad9d9;
}

Där ser du hur bred menyn är, padding är 5px det är hur långt ifrån bilden är kanten på
menyn till höger och vänster.

Exempel: Skapa en bild som är 190 bred och höjden får du bestämma själv, gör detta i tex photoshop eller annat program du har.

2. Ladda nu upp bilden i bloggen och kopiera länken till bilden.

3. Gå in i kodmallen och bläddra ner till  <div id=”side”>

Kopiera denna koden:
<img src=”länk”>

Klistra nu in din länk till bilden, Exempel:
<div id=”side”>
<img src=http://bloggstyle.se/images/2010/meny_67965893.jpg>

Man kan ju placera bilden var man vill i menyn genom att klistra in den någonstans mellan 
<div id=”side”>
</div>

Testa dej fram lite, kom ihåg att kopiera hela kodmallen innan, ifall det blir fel!

Posted on juli 2, 2011, in ♀ my design. Bookmark the permalink. Lämna en kommentar.

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s

%d bloggare gillar detta: