Thursday, April 18, 2013

Navigation 3





Assalamualaikum



Tumblr_m3q6sjfrw51qcff4ao1_500_large





Ayoo!! Kita belajar edit blog lagi! Ini navigasi ketiga yang saya creditkan kepada (fatinhalid.blogspot.com)



Langsung saja nih kodenya :




<style>
@font-face {
font-family:tt;src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.FRD {
border:1px solid #ebebeb;
padding:7px;
font:8px tt;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
width:80px;
background:#eee;
margin: 5px;
-webkit-transition:2s;
}
.FRD:hover {
letter-spacing:4px;
box-shadow:inset -50px -40px 0px #9c7fb4,inset 50px 40px 0px #9c7fb4;
-webkit-transition:3s;
color:#fff;
}
</style>
<center>

<a style="background: #dfffd5;" class="FRD" href="http://fajarrd.blogspot.com/p/owner.html">About</a>
<a style="background: #FFE8E8;" class="FRD" href="http://fajarrd.blogspot.com/p/school.html">School</a>
<a style="background: #EFE8FF;" class="FRD" href="http://fajarrd.blogspot.com/p/gallery.html">Gallery</a>
<a style="background: #E8EFFF;" class="FRD" href="http://fajarrd.blogspot.com/p/fashion.html">Fashion</a>
<a style="background: #E1F5F4;" class="FRD" href="http://fajarrd.blogspot.com/p/hairstyle.html">Hairstyle</a>
<a style="background: #DFF5E8;" class="FRD" href="http://fajarrd.blogspot.com/p/etc.html">Etc</a>
<a style="background: #FFF0DB;" class="FRD" href="http://fajarrd.blogspot.com/p/links.html">Links</a>
<a style="background: #fee4da;" class="FRD" href="http://www.blogger.com/follow-blog.g?blogID=8885051467262724838">Follow</a>



*Nb : use ctrl+c for copy paste





0 comments:

Post a Comment