Gör en mouseoverbild!

Nu tänkte jag visa er hur man gör en mouseoverbild i din meny eller i headern (är oftast där)!

1. Gå in i din kodmall.
2. Klistra in det här ↓, precis ovanför <head>.




Om du ska ha den i menyn:

1. Gå ner till <div id="side">.
2. klistra i det här: <a href="http://länken-dit-du-vill-komma"><img src="http://adressen-till-bild-nummer1" oversrc="http://adressen-till-bild-nummer2" border="0"></a> där under (=<div id="side">).
3. Tryck på spara.

Om du vill ha den i headern:

1. Gå ner till <div id="wrapper">.
2. Klistra in det här: <div style="position:absolute; width:900px; x-index:0; left: 0px; top: 0px;">
<a href="http://länken-dit-du-vill-komma"><img src="http://adressen-till-bild-nummer1" oversrc="http://adressen-till-bild-nummer2" border="0"></a></div>
3. Där det står left: 0px; top: 0px; får ni ändra antalet, tex: left: 30px; kommer bilden då 30 px från vänster.
4. Tryck på spara och kolla om det blev bra.

Ps. om man inte vill att bilden ska länka nånstan tar man bara bort <a href="http://länken-dit-du-vill-komma"> (gäller på båda).

Och som vanligt är det bara att fråga om ni inte fattar :).

Kommentarer


Något du vill säga?

Något namn?
Kom ihåg mig?

E-postadress? (publiceras ej)

Blogg?(eller någon annan hemsida?)

Här skriver du:

Tack för din komentar