Navigate Hover 2

req nak navigate mcm atin yg kat exc link tu. so hari ni atin bg code ye huhu.



  • Template Design/simple : paste kat Html/Javascript
  • Blogskin/Classic : paste bawah code </style>


<style>
@font-face {
font-family:tt;
src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
a.n{background: url(http://i.imgur.com/Q64Afc2.png);
padding:5px;width:80px;color:#000;padding:3px;
-webkit-transition: 1.0s;-moz-transition: 1.0s;
font-family: tt;font-size: 8px;text-align: center;
text-decoration: none;text-transform: uppercase;
display:inline-block;margin:4px;border-right:2px #e6e6e6 solid;
border-top:1px #e6e6e6 solid;border-bottom:1px #e6e6e6 solid;
border-left: 5px solid #e6e6e6;}
a.n:hover{
-webkit-transition: 1.0s;-moz-transition: 1.0s;color:#000;
border-right:5px #e6e6e6 solid;border-top:1px #e6e6e6 solid;
border-bottom:1px #e6e6e6 solid;border-left: 2px solid #e6e6e6;
text-shadow: 2px 0 0 #313131;}
</style>
<center>
<a class="n" href="LINK HERE">TITLE</a>
<a class="n" href="LINK HERE">TITLE</a>
<a class="n" href="LINK HERE">TITLE</a>
<a class="n" href="LINK HERE">TITLE</a>
<a class="n" href="LINK HERE">TITLE</a>
</center>
</div>

merah : link
oren : title
Credit : atintory

Tidak ada komentar:

Poskan Komentar

After Read My Post? Dont Forget to Comment

Related Posts Plugin for WordPress, Blogger...
 
Fully Design By Ihza | For Ihza 2013-2015 ©| Best View: Google Chrome