SAMPLE
HERE
[hover sample]
Simple/layout template :
1. paste into HTML/JavaScript
2. if you want it really appears below header, just put the gadget(html/javascript) under your header's gadget. eg,
Blogskin/Classic template :
1. open your template and paste the code before <tbody><tr> or after </title>
Code :
<style>
.navas{
border:1px solid #BE81F7;
background:#ECE0F8;
display: inline-block;
width: 80px;
padding: 5px;
color: #000;
font-size: 10px;
text-align: center;
font-family: century gothic;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration:none;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.navas:hover{transform: rotate(360deg) ;
background:#fff;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
}
</style>
<center>
<a class="navas" href="URL/LINK ANDA"> HOME</a>
<a class="navas" href="URL/LINK ANDA"> STUFF </a>
<a class="navas" href="URL/LINK ANDA"> AFFIES </a>
</center>
|
Thankyou for visiting.
I make some blog tutorial here & I hope you like it.
*No repost (just backlink if you want to share)
*All tutors are mine unless stated
|
SAMPLE
HERE
[hover sample]
Simple/layout template :
1. paste into HTML/JavaScript
2. if you want it really appears below header, just put the gadget(html/javascript) under your header's gadget. eg,
Blogskin/Classic template :
1. open your template and paste the code before <tbody><tr> or after </title>
Code :
<style>
.navas{
border:1px solid #BE81F7;
background:#ECE0F8;
display: inline-block;
width: 80px;
padding: 5px;
color: #000;
font-size: 10px;
text-align: center;
font-family: century gothic;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration:none;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.navas:hover{transform: rotate(360deg) ;
background:#fff;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
}
</style>
<center>
<a class="navas" href="URL/LINK ANDA"> HOME</a>
<a class="navas" href="URL/LINK ANDA"> STUFF </a>
<a class="navas" href="URL/LINK ANDA"> AFFIES </a>
</center>
  |
