MyBB Kısayol Açılır Kapanır Forum Menüsü

[FreyzCloud]

DEMOSU Yukarda Destek.10TL.net Forum Menüsüdür
o Stilde bir Menü Yapmak Aşağıdaki Kodları Sitenize Eklemekten Geçiyor :)

HTML KODLARI:

Kod: Tümünü Seç Tümünü Kopyala

<div class="float_right" style="margin-top: -11px;">
<ul id="menu">
<li><a href="#">Forum Menü</a>
                <ul>
                    <li><a href="/search.php">Arama</a></li>
                    <li><a href="/memberlist.php">Üye Listesi</a></li>
                    <li><a href="/calendar.php">Takvim</a></li>
                    <li><a href="/misc.php?action=help">Yardım</a></li>
<li><a href="//">Link</a></li>
<li><a href="//">Link</a></li>
<li><a href="//">Link</a></li>
<li><a href="//">Link</a></li>
                </ul></li>

            </ul>
</div>

CSS KODLARI:

Kod: Tümünü Seç Tümünü Kopyala

ul#menu, ul#menu ul {
    list-style: none;
    padding: 0;
    height: 30px;
    float: right;
}

ul#menu li {
    width: 120px;
    float: left;
    position: relative;
}

ul#menu li ul {
    display: none;
    position: absolute;
    top: 19px;
    left: 0;
}

ul#menu li > ul {
    top: auto;
    left: auto;
}

ul#menu li a {
    background: #A4A5A3;
    color: #fff;
    font: bold 13px arial, helvetica, sans-serif;
    display: block;
    margin: 0;
    padding: 5px 5px 5px 5px;
    
    text-decoration: none;
}

ul#menu li a:hover {
    background: #272727;
    color: #fff;
    border-bottom: 3px solid #218041;
}

ul#menu li:hover ul {

    display: block;
}

ul#menu li:hover ul, ul#menu li.over ul{

    display: block;
}

İyi Kullanmalar Dilerim ! :)

[Nicksiz]

Eyvallah Saol