Bloggstyle.se - Bild i menyn

HOME VIDEOHJÄLP GRATIS MALLAR TÄVLINGAR PORTFOLIO BANNERS

INFO KONTAKT TRANSLATION

POPULÄRA VIDEOTIPS

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!

Betygsätt detta inlägg:

Date: 2010-01-06 Clock: 19:15:41

KOMMENTARER

Postat av: Linnea

Jag blir galen! Jag lade in en bild i menyn och jag ahr ingen padding för att jag inte vill ha det. Utan bilden ska gå ända ut i kanterna. Ändå så Trycks den ut åt sidan!?
Hjälp? :(

2011-01-16 / 21:07:04
URL: http://mylifeaslinnea.blogg.se/

Postat av: Evelina

Hur får man så att bilden blir i mitten ? ;o

2011-02-26 / 15:14:50
URL: http://krassowspixlar.blogg.se/

Postat av: Carolina

Varför hanmar bilden liksaom övanför sidmenyn, även fast jag lägger den som du beskriver. jag vill liksom ha vitt i bakgrund på bilden, så det ser ut som den är i menyn, det blir i menyn och man lägger den tex under senaste inlägg, men jag vill ju ha den innan och högst upp fast med vitt i baggrunden. / Carolina

2011-03-31 / 14:22:42
URL: http://caroliinamaad.blogg.se/

Postat av: Olivia

Jag hittar inte det där med <div id="side">, vad ska jag göra då?

2011-08-11 / 23:53:10
URL: http://oliviaahlstedt.blogg.se/

Postat av: Emma Lannebrink

Hej! Jag hittar inte den koden i stilmallen :(
Alltså :

#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;
}