Hur man gör moseover bilder
Kategori → Panda tips
17:32:38 
2011-04-19
Kommentarer 
1
Okej, det är många som undrar hur jag har gjort flikarna i/brevid menyn, så nu tänker jag visa det en gång för alla.
Vad är en moseover bild?
- Det är en bild som blir en annan bild när man drar musen över den.
Ni behöver alltså två bilder!
Såhär gör ni:
Börja med att gå in i kodmallen och lägg in koden nedan innan </head> i alla kodmallar!
Sen kopierar ni url koderna till bilderna som ni vill göra till moseover. Lägg in url koderna i denna kod:
<div style="position:absolute; width:903px; x-index:0; left: 30px; top:370px;">
<a href="http://LÄNKDITBILDERNALÄNKAR">
<img src="http://URLTILLBILD1" oversrc="http://URLTILLBILD2" border="0"></a></div>
! Observera att bilderna blir till en länk med denna kod !
Lägg in koden under wrapper i kodmallarna.
Om bilderna är på fel plats så är det bara att ändra siffrorna i kodens översta rad. På "left" ändrar ni hur mycket/lite åt vänster ni vill ha bilden (vill man ha den mycket åt höger kan man lägga minus framför siffran). Och på "top" ändrar ni hur högt upp bilden skall vara.
Ni får klura med det själva. ;)
Så nu vet ni! Fråga om det är något ni undrar!
Vad är en moseover bild?
- Det är en bild som blir en annan bild när man drar musen över den.
Ni behöver alltså två bilder!
Såhär gör ni:
Börja med att gå in i kodmallen och lägg in koden nedan innan </head> i alla kodmallar!
Sen kopierar ni url koderna till bilderna som ni vill göra till moseover. Lägg in url koderna i denna kod:
<div style="position:absolute; width:903px; x-index:0; left: 30px; top:370px;">
<a href="http://LÄNKDITBILDERNALÄNKAR">
<img src="http://URLTILLBILD1" oversrc="http://URLTILLBILD2" border="0"></a></div>
! Observera att bilderna blir till en länk med denna kod !
Lägg in koden under wrapper i kodmallarna.
Om bilderna är på fel plats så är det bara att ändra siffrorna i kodens översta rad. På "left" ändrar ni hur mycket/lite åt vänster ni vill ha bilden (vill man ha den mycket åt höger kan man lägga minus framför siffran). Och på "top" ändrar ni hur högt upp bilden skall vara.
Ni får klura med det själva. ;)
Så nu vet ni! Fråga om det är något ni undrar!
Kommentera
Kategori → Panda tips
17:32:38 2011-04-19
❣ Inspireras, inte kopiera! ❣
Publicerat av: Eppelskrutt
Kategori → Panda tips 17:32:38
2011-04-19
❣ Inspireras, inte kopiera! ❣Publicerat av: Eppelskrutt
Kommentarer
Postat av: Anonym
funkar ej för mig
Trackback
