stalker(s)

★ Follow | Dashboard ★



Click here for some Goodies.
★ Entry | About | Board | Credit ★


Tutorial Buat Tab Menu / Navbar Menu
2 Comment(s)
** ta faham , meh tengok kat bawah ni , lai ~






untuk membuat tab menu / navbar menu adalah seperti berikut.


1. Dari dashboard > design > edit html > tick expand widget template


2. press ctrl + F , then carik code ni ,


]]></b:skin>





tak jumpa ? carik ini pulak



</head>




3. Copy dan paste kod di bawah SEBELUM kod yang anda jumpa di langkah 2 tadi



ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:525px
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#FF0099;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
-moz-border-radius: 5px;
}

ul#list-nav li a:hover {
background:#FF6699;
color:#000
-moz-border-radius: 5px;
}



4. Save template



5. Kemudian, kembali ke dashboard, pergi ke design > page element > add a gadget > HTML/javascript



<div>
<ul id='list-nav'>
<li><a href='Link'>Home</a></li>
<li><a href='Link'>About Us</a></li>
<li><a href='Link'>Services</a></li>
<li><a href='Link'>Products</a></li>
<li><a href='Link'>Contact</a></li>
</ul>
</div>



Note: Tukarkan 'Link' dengan link yang anda mahu letak di tab menu.
Contoh :
  • Home




    • 6. Drag ke bawah element header, save dan lihat hasilnya.:)



    have a nice day ;)












    Older post // Newer post