Tutorial : Tab Menu Simple Version 1

Advertisement

Tutorial : Tab Menu Simple Version 1

1. Layout > Add Gadget > Html
2. Copy dan pastekan code bawah ni dalam ruangan Html tu ye

<style>
a.nav{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:5px;
display:inline-block;
text-align:center;
background: #AED4BF;
color:#FFFFFF;
width:130px;
padding:2px;}
a.nav:hover{
color: #fff;
background:  #9F8668;
-moz-box-shadow: inset 0 0 5px 5px #EBD6FF;
-webkit-box-shadow: inset 0 0 30px 30px #EBD6FF;
box-shadow: inset 0 0 30px 30px #EBD6FF;}
</style>
<center>
<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>
</center>

3. color korang boleh tukar ikut citarasa korang .
4. URL LINK dan TAJUK gantikan dengan korang punya okay.
5. dah siap sila save!

Post a Comment

3 Comments

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