Jumaat, 19 Oktober 2012

TUTORIAL : MenuTab

Bangunnnn, selamat petang cikgu.. **berangan hujan2 nie, best jugak...

Saya dah ada menutab baru, walaupun simple tapi saya suka, saya suka 'mey mey'. Memandangkan mood nonton tv udah layu kerana astro.. Kita tutorial ajelah yea

Tutorial untuk membuat tab menu / navbar menu adalah seperti berikut:

1. Proceed > tick "Expand Widget Templates"

2.Copy dan paste kod di bawah

<style type='text/css'>
#polsmenu{margin-bottom:30px;}
#polsmenu ul{
border:0;
text-align:left;
margin-left:120px;
}
#polsmenu li {
display:inline;
}
#polsmenu li a{
background-color:#363636;-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;
-webkit-transform: rotate(-13.37deg);
-moz-transform: rotate(-13.37deg);
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px 10px 5px 10px;
}
#polsmenu li a:hover {
background:#eee;color:#151515;
-webkit-transform: rotate(13.37deg);
-moz-transform: rotate(13.37deg);
}

</style>

<div id='polsmenu'>
<ul>
<li><a href='http://chikimaruko.blogspot.com'>ENTRIES</a></li>
<li><a href='LINK''>MENU 1</a></li>
<li><a href='LINK'>MENU 2</a></li>
<li><a href='LINK'>MENU 3</a></li>
</ul></div>

3. Save.. Siap

* kalau nak tambah link banyak2, masukkan ayat ni sebelum </ul></div>
<li><a href='LINK''>MENU 4</a></li>

1 ulasan:

♥ Nana BamBam ♥ berkata...

menu tab macam ayesha tu ek ?

Tiny Hand With Animated Rainbow Hearts