16 January 2011

Tutorial 23# Membuat link hover

Okeyh dh rmay sgat soofiyah dpat request nyh..
x lrat nk lyan request yg sme
so soofiyah pun buatkan, k..
Tau x link hover 2 ap?
klaw x taw bwakan mouse anda ke Sini
Anda akn dapati dye mcm ad bende kat background dye, kan..
Tpy dye akan ad background klaw korang buat link aje..
Fham...
Dh x sabar2 nk try?
Okeyh kte mulakan

1Design > Edit HTML > ctrl+f > a:hover

2 Copy dn paste d'bwahnyer

color:#FF6699; background:url(URL GAMBAR) ;
background-repeat: repeat;
text-decoration:none;


3 Tkarkan URL GAMBAR kepada link yg anda mhu.. Soofiyah bleyh tlg sket jerk..


black

http://i293.photobucket.com/albums/mm62/happyy-stop/black-hover.gif

pink

http://i293.photobucket.com/albums/mm62/happyy-stop/pinkhover-happyy-stop.gif

blue

http://i293.photobucket.com/albums/mm62/happyy-stop/bluehover-happyy-stop.gif

purple

http://i293.photobucket.com/albums/mm62/happyy-stop/purplehover-happyy-stop.gif
limegreen

http://i293.photobucket.com/albums/mm62/happyy-stop/greenhover-happyy-stop.gif
orange

http://i293.photobucket.com/albums/mm62/happyy-stop/orangehover-happyy-stop.gif
pink & yellow

http://i293.photobucket.com/albums/mm62/happyy-stop/pnyhover-happyy-stop.gif

rainbow

http://i293.photobucket.com/albums/mm62/happyy-stop/rainbowhover-happyy-stop.gif



602355k2suf9v03y.gif (100×120)
http://dl5.glitter-graphics.net/pub/602/602355k2suf9v03y.gif


2116076lx76nmttn6.gif (120×150)

http://dl6.glitter-graphics.net/pub/2116/2116076lx76nmttn6.gif


474167l68h9nknqq.gif (138×53)

http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif

590935ankbyj1xx4.gif (90×90)

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif


Sekian... Ad msalah tanyyer

No comments:

Post a Comment

Awak comment saya sayang.. =)