Tutorial: Tab Menu Macam Nysa 1 :)



nak buat tab menu macam nysa ? 




Dashboard > Template> Edit HTML


Ctrl+F :

]]></b:skin>

Paste kan code ini di ATAS ]]></b:skin>


/* LIST #8 */
#list8 { }
#list8 ul { list-style:none;}
#list8 ul li { font-family:Georgia,serif,Times; font-size:18px;margin:1px; }
#list8 ul li a { display:block; width:80px; height:28px; background-color:#EE82EE; border-right:10px solid #800080; padding-left:40px;
text-decoration:none; color:#800080; }
#list8 ul li a:hover { -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #EE82EE;
-webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #EE82EE;
transform:rotate(-5deg); box-shadow:10px 10px 20px #EE82EE; }



warna ungu : tukarkan warna code yang anda suka DISINI

lepas tu, cari code ini pula :

</body>

atau

<body>


paste kan code ini, di ATAS </body> atau <body>


<div style='display:scroll; position:fixed; top:150px; left:-40px;'>
<div id='list8'>
<ul>
<li><a href='http://nysaothman.blogspot.com/'>Home</a></li>
<li><a href='Link Page  '>Owner</a></li>
<li><a href=' Link Page '>Tutorial</a></li>
<li><a href=' Link Page '>Resepi</a></li>
</ul>
</div>


warna biru: tukar tajuk tab anda 


semoga berjaya :))

1 comment:

Johar Mukminin said...

assalamualaikum .. emm .. kenapa bila paste kan kat atas kod body .. kod body jadi error ?? tak boleh save ?? err .


Syukran Kerana Sudi Membaca :)