Link Hover yang cute

by - Monday, December 10, 2012

Assalamualaikum w.b.t 
hey semua :) 


link hover yang di maksudkan adalah apabila cursor menyentuh link, maka link tu secara autonya akan keluar reben dan border dashed di bawah perkataan..contoh nya gambar bawah ni..



Tutorial cantikkan link Hover :P

Dashboard > Template > Edit HTML > Tick

Ctrl + F cari a:hover {

Copy code bawah ni

-webkit-transition: 0.4s;-moz-transition: 0.4s;border-bottom:2px dotted #FAAFBE;background:url(url image) no-repeat;padding-left:10px;}

**  url image freebies --> HERE

Dan pastekan dibawah  a:hover { tadi


Preview dan save kan :)

Sekian :) 
Terima kasih sebab sudi baca 
Wasalam

You May Also Like

5 Comments

  1. wahhh, canggih amat,,, hehe,, muja tak reti la coding ni. tq for this tutorial k :)

    ReplyDelete
  2. tenkiu so much awak <3
    tak terbalas jasa awak ..
    moga allah memberi keberkatan untuk awak :) :) :)
    sila kunjung blog saya ..

    sichiby.blogspot.com

    ReplyDelete

Assalamualaikum..terima kasih sebab singgah, komen yang baik2 ja tau !! nanti sha singgah blog korang..In Sha Allah :)