Number Menu Hover



Assalamualaikum minna!
Tuto hari ni ialah Number Menu Hover.
Ok ,cuba hoverkan cursor anda dekat menu tab kat bawah ni ^^

01 02 03 04 05


Ok ,kalau awak berminat ,jom ikut tuto ni ^^

  • Dashboard > Layout > Add Gadget > HTML/Javascript
  • Copy all the code bellow and paste kan dekat kotak HML/JavaScript tu.
<style>ana {width: 80px; height: 25px; background: #FFF2F7; padding-top: 5px; padding-bottom: 5px;  border-bottom: 4px solid #FCC0D8;color: #F59FC1; margin-right: 1px; padding-left: 5px; padding-right: 5px;  -webkit-transition-duration: .50s; font-family: verdana;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; }
ana:hover {padding-bottom: 20px;}
</style><center>
<a href="LINK" title="NAMA MENU"><ana>01</ana></a>
<a href="LINK" title="NAMA MENU"><ana>02</ana></a>
<a href="LINK" title="NAMA MENU"><ana>03</ana></a>
<a href="LINK" title="NAMA MENU"><ana>04</ana></a>
<a href="LINK" title="NAMA MENU"><ana>05</ana></a>
</center>

  • Cantikkan lagi dengan ubah warnanya (yg Yura boldkan) . Anda boleh ke sini kalau nak ubah .
Selamat Mencuba ^^

3 comments

  1. dah lama tak jenguk blog ni . dah makin cantik . pinky . kalau la saya rajin macam yura nak edit2 ni . mesti bes kan :)

    ReplyDelete
    Replies
    1. haha cantik tak bilanya.. rajin?.. haha yura edit blog ni bertanguh2... tapi mujurlah sempat sebelum blog template berubah XD

      Delete
  2. Wah. Tqq btw jemput baca entry nie ^^

    http://leprecious-nineplus-two.blogspot.com/2013/04/jom-order-casing-smartphone-comel.html

    ReplyDelete

Awak mehla komen? satu komen pun jadilah :')