Colorful Menu Hover



Assalamualaikum. Cuba tengok kat bawah dan try sentuh menu tu.

menu menu menu menu



  • Dashboard > Layout > Add a Gadget (Di sarankan ambl yg dekat bwah header) > HTML/JavaScript 
  • Copy semua code di bawah dan paste kan kat dlm kotak HTML/Javascript tu
<style>@font-face {font-family: "pfronda"; src: url('http://static.tumblr.com/3dxpwc6/uz9m9mcl8/pf_ronda_seven.ttf');}
.menu1 {background:#WARNABACKGROUND;color:#WARNATEXT;font-size: 8px; font-family:"pfronda"; text-align:center;padding:3px;padding-top:5px;float: left;margin-top:3px;width:100px; height: 16px;border-left:6px solid #WARNABORDER;border-right:6px solid #WARNABORDER; text-transform:uppercase;}
.menu1:hover {background:#WARNABACKGROUND;color:#WARNATEXT;padding:3px;padding-top:5px;margin-top:3px;width: 100px;height: 16px;border-left:10px solid #WARNABORDER;border-right:10px solid #WARNABORDER;text-transform:uppercase;}
</style><center>
<a href="LINK" class="menu1">home</a>
<a href="LINK" class="menu1">home</a>
<a href="LINK" class="menu1">home</a>
<a href="LINK" class="menu1">home</a>
<a href="LINK" class="menu1">home</a>
<a href="LINK" class="menu1">home</a>
</center>
  • Warna purple tu untuk sebelum hover dan warna hijau untuk setelah hover. 
  • Ambil code warna dekat sini.
  • Lepas tu masukkan LINK dan tukarkan 'home' dengan tajuk anda sendiri.
  • Dan lepas tu Save. ^_^

No comments

Awak mehla komen? satu komen pun jadilah :')