Tutorial : Tab menu simple version 3

Advertisement

Tutorial : Tab menu simple version 3

1. Layout > Add gadget > Html
2. copy dan paste kan kod bawah ni kat ruangan Html tuu..

<style>
a.nav {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding:10px;
width:100px;
text-decoration:none;
font-family:verdana;
font-size:16px;
height:20px;
text-transform:uppercase;
color: #000;
background:url(
border: 4px solid #FC9D9A;
border-radius:10px;
text-align:center;
cursor:vertical-text;
}
a.nav:hover{
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:#FFD8B0;}
</style>
<a class="nav" href="URL LINK">TAJUK</a>
<a class="nav" href="URL LINK">TAJUK</a>
<a class="nav" href="URL LINK">TAJUK</a>
<a class="nav" href="URL LINK">TAJUK</a>
<a class="nav" href="URL LINK">TAJUK</a>
<a class="nav" href="URL LINK">TAJUK</a>

3. warna ikut suka korang nak tukar.
4. URL dan TAJUK letak korang punya .
5. Save

Post a Comment

1 Comments

Terima kasih sudi baca artikel ini. Sila berikan komen anda. Jemput follow blog ini ye!