Thursday, March 7, 2013

Tutorial : Navigate Hover #8

Tumblr_mj9n8bvbmf1qhg9fuo1_500_large

こんにちは, 안녕하세요 ,
 Assalamualaikum. hari tu ade orang req . suruh atin buat tutonavigate macam atin. so hari ni atin akan bagi . jagan lupa dah pakai coment k.




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

<style>
@font-face { font-family:yow !important; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; }

a.navi {
border:1px solid #ebebeb; 
text-transform:uppercase; 
background:#fff; 
text-decoration:none; 
color: #666;
 padding: 6px; 
font: 8px yow; 
margin-left: 5px; 
margin-right: 5px; 
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; text-decoration:none; 
box-shadow:inset 0px 0px 0px #FBF8E0,
inset 0px 0px 0px #FBF8E0; 
display: inline-block; 
width: 65px;
}
a.navi:hover {
-webkit-transition-duration: 0.5s; 
box-shadow:inset 0px 14px 0px #938B54,inset 0px -14px 0px #938B54; color: #fff;
}
</style>
<center>
<a class="navi" href="LINK HERE">TITLE</a>
<a class="navi" href="LINK HERE">TITLE</a>
<a class="navi" href="LINK HERE">TITLE</a>
<a class="navi" href="LINK HERE">TITLE</a>
<a class="navi" href="LINK HERE">TITLE</a>
</center>
merah : link

10 comments:

Fatini Zahid said...

saya guna ye .. tq

Atin Tory said...

@Fatini Zahid : ur welcome

Nur Nabilah Zahari said...

Saya guna yang ni ya. Nice :D

nadiah mazli said...

link tu nk ambik yg mne kak?

Atin Tory said...

@nadiah mazli : link URL awk or ape2 la.. :(

Nur Sabrina said...

nak ni :) tq

Afiys Ase said...

akak macam mana nak amik link dia erk ?

a n i s said...

Use this this tuto.Thank you :")

Alifnisla F said...

I use, thankyou :D

Yuki Haura said...

Use this!