Underlining Menu Hover




Assalamualaikum dan tanpa buang masa cuba tengok contoh di bawah. Hoverkan cursor dan lihat apa yg terjadi.


  • Dashboard > Layout > Add a gadget > HTML/Javascript
  • Copy all the code below and paste kat dalam kotak HTML/Javascript 
<style>
.menuch a,.menuch span{color:#WARNAFONT; font-family:Georgia; font-style:italic; font-size: 20px; letter-spacing:3px; margin:3px; cursor:hand; -webkit-transition: all 0.7s ease;-moz-transition: all 2s ease; border-bottom: 0px solid #fff;}
.menuch a:hover,.menuch span:hover{text-shadow: 0 0 1.2em #WARNASHADOW; cursor:hand; border-bottom: 3px solid #WARNAUNDERLINE;}
    
</style>
<center>
 <div class="menuch">
        <a href="LINK">NAMA MENU</a>
        <a href="LINK">NAMA MENU</a>
        <a href="LINK">NAMA MENU</a>
        <a href="LINK">NAMA MENU</a>
 <a href="LINK">NAMA MENU</a>
   </div>
</center>

  • Code warna boleh ambil di sini.
  • Gantikan LINK dan NAMA MENU 
  • Lepas tu SAVE !
  • Kalau jadi komen la ^^

1 comment

Awak mehla komen? satu komen pun jadilah :')