ANDRIANA

Tutorial : Menu Tab

Assalamualaikum..


Tadi ada request buat menu tab so saya buat la tapi ni code yang saya dah upgrade jadi yang macam saya punya so kredit okay ?

okay kode yang dekat bawah awak semua copy dan paste dekat mana-mana yang awak nak .


<style>a.nav{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:1px;
display:inline-block;
text-align:center;
background: #fff;
color:#000;
width:80px;
padding:6px;
overflow: hidden; }
a.navvi:hover{
color: #fff;
background: #000;
border-radius: 50px 0px 50px 50px;
-moz-border-radius: 50px 0px 50px 50px;
-webkit-border-radius: 50px 0px 50px 50px;} #background{padding:15px;background: url(http://www.pastelpatterns.com/large/largepattern-18.png);width:900px;height:26; position:scroll;}
</style>
<div id="background">

<div class="top-menu">
<a class="nav" href="http://www.blogger.com">Nav1</a>
<a class="nav" href="http://www.blogger.com">Nav2</a>
<a class="nav" href="http://www.blogger.com">Nav3</a>
<a class="nav" href="http://www.blogger.com">Nav4</a>
<a class="nav" href="http://www.blogger.com">Nav5</a></div>

No comments :

Post a Comment