FOLLOW

Page

Tuto

Free
SING !

Tab Hover Like Me
Monday | 3.12.12 | 0 comments

Nak tab menu macam saya? Mari sini dekat2, belajar pelahan-pelahan tau. Selamat mencuba :)

1. Dashboard > Template
2. Ctrl + F cari code </style>
3. Copy code di bawah dan paste dibawah code </style> tadi

<style>
a.navoo, a.navoo2, a.navoo3, a.navoo4{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:8px;display:block;
text-align:center;background: #fff;
color:#000;font-family: Century Gothic;
text-transform:uppercase;font-size:9px;
width:40px;height:40px;
border:5px solid #FFD685;padding:5px;
border-radius:1000px;}
a.navoo:hover, a.navoo2:hover, a.navoo3:hover, a.navoo4:hover{
text-align:center;color: #fff;font-size:10px;
border:5px solid #fff;background:  #FFD685;
-moz-box-shadow: 0 0 5px 8px #eee;
-webkit-box-shadow: 0 0 5px 8px #eee;
box-shadow: 0 0 5px 5px #eee;
-webkit-transform: scale( -1.0) rotate( 540deg);
-moz-transform: scale( -1.0) rotate( 540deg);}
a.navoo{border:5px solid  #FFFFFF;}
a.navoo2{border:5px solid  #ff69b4 ;}
a.navoo3{border:5px solid #ff69b4 ;}
a.navoo4{border:5px solid #ff69b4 ;}
a.navoo:hover{background: #ff69b4 ;}
a.navoo2:hover{background: #ff69b4 ;}
a.navoo3:hover{background: #ff69b4 ;}
a.navoo4:hover{background: #ff69b4 ;}
</style><div style="left: 4px; position: fixed; top: 150px;">
<a class="navoo2" href="URL KORG"><br />HOME</a>
<a class="navoo2" href="URL KORG"><br />FAN PAGE</a>
<a class="navoo3" href="URL KORG"><br />FACEBOOK</a>
<a class="navoo2" href="URL KORG"><br />TWITTER</a></div>
4. Preview & save. Menjadi? anda hebat !

Warna : Korg boleh tukar warna ikut cita rasa korg
Warna : Korg masukkan URL apa je korg nak.


Old things | New things