Assalamualaikum :)
Ada seorang adik tanya arrien macam mana nak buat navi macam arrien sekarang,btw code nie bukan arrien punya.. arrien just edit sedikit dekat bahagian hover dye and anyway full credit to Hafiz coz basecode dye yang punya ^^"
Comment kalau nak guna yea :)
| LIVE PREVIEW |
Template Design.
Paste code dalam Html/Javascript
Template Classic / Blogskin
Paste code di bawah code </style>
<style>NOTE :
.navi{
background:#eee;
display:inline-block;
width:90px;
font:10px trebuchet ms;
margin:5px;
border:1px solid #e6e6e6;
text-align:center;
color:#858585;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.navi:hover{
border-radius:0px;
box-shadow: inset 60px 8px 0px 0px #000, inset -60px -8px 0px 0px #000;
color:#fff;
}
</style>
<br />
<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 Page
Biru : Title.
Orange : Code color
11 Comments
@Arrien ::@man!:: hahaha . takpe , saya tak kisah pon . thanks btw sudi credit :D
BalasPadam@Hafiz Zulkafly oke most wel and tq very much too :)
BalasPadamsaya guna ya :) thanks ^^
BalasPadam@Fajar Rizkiana Dewioke u are wel :)
BalasPadamTqah guna yep :-))
BalasPadam@Atiqah Norbeli oke :)
BalasPadamThanks for the tutorial :)
BalasPadamThank you :)
BalasPadam@Pena Biru Sora ur are wel :)
BalasPadamusing this ! Thanks okay :3
BalasPadam@Nabila Aziz oke :)
BalasPadamThankz sudi baca entry arrien..
Jom ringan2 kan tangan anda untuk comment ^_^
Terima Kasih :D
No hard word..
Plezz..berbudi bahasa budaya kita kan ?? ^_-