Tutorial : Navigation 1


My code don't re-post





Assalamualaikum....hari ni nina nak ajar korang nak buat navigation macam kat bawah....sebenarnya  code ni nina dah lama buat...tapi belum ada masa nak post...tapi hari ni nina post sbb dah ada masa terluang ..and remember one thing ni nina punya code ,so don't ever re-tuto...ceh...kerek pulak...ok..jom start..


Demo:






  • copy code kat bawah
  • Template Designer : Dashboard > Layout > Add a Gadget > Paste dlm HTML/JavaScript
  • Blogskin/ Template Classic : paste code ni dibawah code </style>
<style>
a.mine{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
display:inline-block;
text-align:center;
background: pink;
color:#fff;
width:75px;
padding:6px;
overflow: hidden;
}
a.mine:hover{
color: #ffffff;
background:black;
-webkit-transform: scale( 0.7) rotate( 8deg);
-moz-transform: scale( 0.7) rotate( 8deg);
}
</style>
<a class="mine" href="http://www.blogger.com/LINK">Tutorial</a>
<a class="mine" href="http://www.blogger.com/LINK">Freebies</a>
<a class="mine" href="http://www.blogger.com/LINK">Entries</a>
<a class="mine" href="http://www.blogger.com/LINK">Affies</a>

Share this:

,

CONVERSATION

1 Comments: