Tutorial: Tab Menu Macam Nysa 2 :)



nak buat tab menu macam nysa ? ini tutorial yang kedua...




Dashboard > Layout > Add A Gadget > Html/Javascript


copy code bawah ni :)


<div style="display: scroll; left: -40px; position: fixed; top: 210px;">

<div id="list8">
<ul>
<li><a href="<div id="list8"><ul><li><a href="link page korang">home</a></li>
<li><a href="<li><a href="link page korang">resepi</a></li>
<li><a href="<li><a href="URL BLOG">tutorial</a></li>
<li><a href="<li><a href="link page korang">tips</a></li>
</ul>
</div>
</div>
<div style="text-align: center;">
<style id="page-skin-1" type="text/css">
<!--
/* LIST #8 */
#list8 { }
#list8 ul { list-style:none;}
#list8 ul li { font-family:impact,serif,impact; font-size:18px;margin:1px; }
#list8 ul li a { display:block; width:80px; height:28px; background-color:</ul></div></div><div style="text-align: center;"><style id="page-skin-1" type="text/css"><!--/* LIST #8 */#list8 { }#list8 ul { list-style:none;}#list8 ul li { font-family:impact,serif,impact; font-size:18px;margin:1px; }#list8 ul li a { display:block; width:80px; height:28px; background-color:#ffffff; border-right:10px solid#FF002B; padding-left:40px;
text-decoration:none; color:text-decoration:none; color:#FA58F4; }
#list8 ul li a:hover { -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #000000;
-webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #000000;
transform:rotate(-5deg); box-shadow:10px 10px 20px #000000; }
-->
</style>#list8 ul li a:hover { -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #000000;-webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #000000;transform:rotate(-5deg); box-shadow:10px 10px 20px #000000; }--></style>

tukarkan warna code yang anda suka DISINI

selamat berjaya ~

No comments:


Syukran Kerana Sudi Membaca :)