[Tanya] Cara membuat seperti ini

[SiriusStar]

mungkin kebanyakan nanya ya...

oke, langsung ke intinya ya

1. cara buat menu seperti di atas

saya sudah membuat menu seperti di atas, tapi kok kalo active ga ada putihnya ya ?

2. Cara buat tombol new thread di forum

seperti yang ada di forum, ada tombol langsung....

Tolong bantu ya masbro...

[DrStein]

biar lebih mudah nangkapnya, bisa diperjelas dng SS gak?

ntar coba aku pandu sebisaku

[SiriusStar]

silahkan liat ke forum saya di menunya.... http://www.ruangceria.tk/

[DrStein]

tulis disini aja mas bro. maaf, setelah melihat forum kamu, aku merasa masih kurang jelas. :

[SiriusStar]

oke, masalah 1.... kalau di pencet, trus kan ke detek sebegai "active".... nah, kayak di sini, ada putih putihnya kalo active....

jelas ga ?

[DrStein]

maaf... masih kurang jelas. mungkin bisa diperjelas dengan SS bro

[SiriusStar]

[poeja]

mas sirius mau bagian mana yang di putihkan?
maaf ya saya ambil langsung codingnya mas sirius

ini kode template nya ruangceria

PHP Code:

<div id="menu">
 <ul>
<li ><a href="index.php" title="Home">Home</a></li>
<li ><a href="search.php" title="Cari">Cari</a></li>
<li ><a href="memberlist.php" title="Daftar Member forum ini">Daftar Anggota</a></li>                    
<li ><a href="misc.php?action=help" title="Dokumen Bantuan forum ini">Bantuan
</a></li>
<li><a href="misc.php?page=tvonline" title="Nonton TV Online disini">TV Online</a></li>
 <li><a href="" title="Ganti ke versi mobile">RC Mobile</a></li>
</ul>
</div> 


ini css ruangceria

PHP Code:

#menu {
    position: absolute;
    top: 91px;
    right: 0px;
    padding-left: 41px;
    background: url("http://www.ruangceria.tk/images/special/menu_bg_start.png") no-repeat scroll 0% 0% transparent;
}
#menu ul {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
    height: 34px;
    background: url("http://www.ruangceria.tk/images/special/menu_bg.png") repeat-x scroll 0% 0% rgb(1, 109, 176);
}
#menu li {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
} 


untuk membuat "putih" yang dimaksud silahkan ganti template dengan ini

PHP Code:

<div id="menu">
 <ul>
<li class="active"><a href="index.php" title="Home">Home</a></li>
<li ><a href="search.php" title="Cari">Cari</a></li>
<li ><a href="memberlist.php" title="Daftar Member forum ini">Daftar Anggota</a></li>                    
<li ><a href="misc.php?action=help" title="Dokumen Bantuan forum ini">Bantuan
</a></li>
<li><a href="misc.php?page=tvonline" title="Nonton TV Online disini">TV Online</a></li>
 <li><a href="" title="Ganti ke versi mobile">RC Mobile</a></li>
</ul>
</div> 


lalu ganti semua css diatas dengan ini

PHP Code:

#menu {
    position: absolute;
    top: 91px;
    right: 0px;
    padding-left: 41px;
    background: url("http://www.ruangceria.tk/images/special/menu_bg_start.png") no-repeat scroll 0% 0% transparent;
}
#menu ul {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
    height: 34px;
    background: url("http://www.ruangceria.tk/images/special/menu_bg.png") repeat-x scroll 0% 0% rgb(1, 109, 176);
}
#menu li {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}
#menu li.active {
    background: #ffffff;
    padding-right: 4px;
    position: relative;
    bottom: -2px;
} 


semoga membantu

[DrStein]

oallah, yang putih itu toh.

tuh kan udah dijelasin mas bekti :p

simplenya, emang untuk bagian yang di pilih (berwarna putih) memang harus memiliki class sendiri. dan ini berbeda dengan class yang lainnya.

maaf kalo aku kurang paham dengan maksud kamu.

[SiriusStar]

oke... thx ya