personal site

navigate here

one two three four five

ini codenya, korang boleh letak dekat mana yang korang suka

<style>
#box1{overflow:hidden; text-align:center; font-size:16px; font-family:arial; background-color:#eee; height:35px; width:294px; margin-left:0px;  margin-bottom:1px;}
#box2{-webkit-transition: 1s; padding:2px; height: auto;}
#box2:hover{-webkit-transition: 1s; margin-top:-28px;}
.nav {float:center; text-align:center; margin-top:-2px; margin-left:-6px; position:relative; height:auto; width:315px}
.nav a {font-size: 9px; font-family:arial; color:#000; float:left; text-align:center; background-color:#fff; width:39px; margin-left:1px; -webkit-transition-duration: 1s; padding:5px; height:13px;border: 3px solid #000;}
.nav a:hover {background-color:#eee; color:#000000; webkit-transition-duration: 1s;}
</style>
<div id="box1"><div id="box2">
navigate here
<br><br>
<div class="nav">
<a href="LINK">one</a>
<a href="LINK">two</a>
<a href="LINK">three</a>
<a href="LINK">four</a>
<a href="LINK">five</a>

</div></div></div>

Post a Comment