Post

Tuto

Free

BG
Afiqah Junizan

Tutorial : Navigation (v)
02/10/2012 | 10 comments

My own coding, don't re-post.
Preview :



Template Designer : Paste dekat Html/Javascript.
Blogskins :  Paste dekat bawah </style> 
<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:#fff;font-family:arial;
text-transform:uppercase;font-size:1px;
width:30px;height:30px;
border:5px solid #FFD685;padding:2px;
border-radius:1000px;}

a.navoo:hover, a.navoo2:hover, a.navoo3:hover, a.navoo4:hover{
color: #fff;font-size:5px;
border:5px solid #fff;background:  #FFD685;
-moz-box-shadow: 0 0 5px 5px #eee;
-webkit-box-shadow: 0 0 5px 5px #eee;
box-shadow: 0 0 5px 5px #eee;
-webkit-transform: scale( -2.0) rotate( 540deg);
-moz-transform: scale( -2.0) rotate( 540deg);}

a.navoo{border:5px solid #8533FF;}
a.navoo2{border:5px solid #FFAD33;}
a.navoo3{border:5px solid #85AD33;}
a.navoo4{border:5px solid #1975FF;}
a.navoo:hover{background: #8533FF;}
a.navoo2:hover{background: #FFAD33;}
a.navoo3:hover{background: #85AD33;}
a.navoo4:hover{background: #1975FF;}

</style><div style="left: 40px; position: fixed; top: 150px;">
<a class="navoo" href="http://www.blogger.com/LINK"><br /><br />Tutorial</a>
<a class="navoo2" href="http://www.blogger.com/LINK"><br /><br />Freebies</a>
<a class="navoo3" href="http://www.blogger.com/LINK"><br /><br />Entries</a>
<a class="navoo4" href="http://www.blogger.com/LINK"><br /><br />Affies</a></div>
OLDERNEWER