Pages

Thursday, January 20, 2011

SPICE-UP UR BLOG : buat background link hover

macam mana nak buat background untuk link hover?

maybe ramai yang tertanya tanya apekah itu linkhover.
bahasa simple nye, bile awak drag cursor awak pergi ke tempat yang berlink.
die akan muncul background kat belakang.

macam ni


okay. senang je. ikot steps bawah okay.

 dashboard  design  edit HTML  

 then tekan CTRL+F( tekan serentak) and taip a:hover {

 copy code ini


color:#FF6699; background:url(link hover code) ;background-repeat: repeat;
text-decoration:none;
}

 pastekan kat bawah a:hover { yafng cari tadi tuh. 

 link hover code tuh, korang boleh cari mana mana gambar yang berkenan di hati. 
antara yang comel korang leh pilih.

code : http://dl10.glitter-graphics.net/pub/590/590940trx4idmwj8.gif

code : http://dl5.glitter-graphics.net/pub/607/607805x39ipznfe0.gif

code(pink) : http://i293.photobucket.com/albums/mm62/happyy-stop/pinkhover-happyy-stop.gif

code(biru) :  http://i293.photobucket.com/albums/mm62/happyy-stop/bluehover-happyy-stop.gif

code(purple) :  http://i293.photobucket.com/albums/mm62/happyy-stop/purplehover-happyy-stop.gif

code(hijau) : http://i293.photobucket.com/albums/mm62/happyy-stop/greenhover-happyy-stop.gif

code(orange): http://i293.photobucket.com/albums/mm62/happyy-stop/orangehover-happyy-stop.gif

code(pink dan kunen): http://i293.photobucket.com/albums/mm62/happyy-stop/pnyhover-happyy-stop.gif

code(rainbow): http://i293.photobucket.com/albums/mm62/happyy-stop/rainbowhover-happyy-stop.gif

sila preview dulu macam mana dan cari je mana yang suka.


 save. or nak preview first baru save. ikot suke hati u all. tuh je. :) 

selamat torai!

No comments:

Related Posts Plugin for WordPress, Blogger...