Tutorial : Navigation

My own code don't re-post



Assalamualaikum and hye...ok sekarang nina ada buat navigation...korang nampak gambar kat bawah kan? kalau korang nak tengok click preview...mmmm.... kalau korang nak guna code ni mesti creadit nama nina...ok

(Live Preview)


Template Designer : paste kat Html/Javascript
Blogskin : paste kat bawah code </style>
<style>a.nina{
box-shadow: inset 9px 0 0px 0 #FFD7E6;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:1px;
display:inline-block;
text-align:center;
position: center;
color:#B1B1B1;
width:50px;
border:1px dashed #000000;
border-left:20px dashed #000000;
width: 100px;
overflow: hidden;
}
a.nina:hover {
box-shadow: inset 850px 0 0px 0 #FFFFFF;
color: #B1B1B1;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}</style>
<a class="nina" href="http://www.blogger.com/LINK">TITLE</a>
<a class="nina" href="http://www.blogger.com/LINK">TITLE</a>
<a class="nina" href="http://www.blogger.com/LINK">TITLE</a>
<a class="nina" href="http://www.blogger.com/LINK">TITLE</a>

Share this:

,

CONVERSATION

0 Comments:

Post a Comment