Wednesday, April 10, 2013

Tutorial : Navigate Hover #9

Tumblr_lbu4lp1oe01qzbgrio1_500_large

こんにちは, 안녕하세요 ,
 Assalamualaikum. Hari ni atin nak kasi navigate terbaru . Untuk navigate ke9 ni korang boleh tengok preview. boleh tekan bawah ni tunjuk preview k huhu


TITLE TITLE TITLE TITLE TITLE



  • 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');
}
.nav,a.nav{
border:1px solid #ebebeb;
padding:7px;
font:8px tt;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
width:65px;
background:#666;
color:#eee;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;
}
.nav:hover,a.nav:hover{
letter-spacing:4px;
box-shadow:inset -50px -40px 0px #fff,inset 50px 40px 0px #fff;
-webkit-transition:3s;
color:#000;
}
</style>
<center>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
</center>
merah : link
oren : title

8 comments:

Yucchan said...

nak pakai satu! :)

Atin Tory said...

@Yucchan : pakai lah :)

Aenn Athirah said...

sy guna yang ni yer..

Nur Iz Dihar said...

Nak guna, boleh ?

Atin Tory said...

@Nur Iz Dihar boleh

Munauwaratul Lailinnur said...

Assalamualaikum... :D muna guna tuto ni... thanks a lot... dah lama cari tuto ni.. boleh visit muna... munauwaratul.blogspot.com
terima kasih... muna kreditkan atin...

Lisa seoby said...

thanks. lisa pakai ea.

Syafiqah Rosni said...

THANKS :)