Rozwijane menu takie jak na forum przedstawionym w linku

adres forum: http://topskill.xaa.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Poszukuję takie rozwijane menu po najechaniu w menu na np Sklep Mam styl spark 3 jak by co
demo: http://cs-wojak.com/

Snake_ napisał 24.08.2014, 19:31:
Poprawiam tytuł wątku.

Pierwszy - lepszy link z google z fazy "rozwijane meny"

Właśnie próbowałem i jakoś nie bardzo mi to wychodziło sam zobacz:
http://www.iv.pl/images/54025446724037730673.png
możesz mi pomóc ?

Pokaż lepiej kod tego menu..

Dało by radę wziąć menu z tego kodu ?

<ul>
<li><a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}"><img src="{$mybb->user['avatar']}" class="user-avatar-panel" alt="avatar" /></a></li>
<li>
                <a href="#" id="loginButton"><span>{$mybb->user['username']}</span> <span class="strzalka"></span><em></em></a>
                <div style="clear:both"></div>
                <div id="loginBox">                
                    <div id="loginForm">
<a href="#">
<img src="{$mybb->user['avatar']}" class="user-avatar-panel_form" alt="avatar" />
</a>
<div class="menu-panel_form">
<ul>
<li><a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}">Mój profil</a></li>
<li><a href="private.php">Komunikator</a></li>
<li><a href="usercp.php?action=profile">Edytuj profil</a></li>
<li><a href="usercp.php?action=avatar">Edytuj avatar</a></li>
<li><a href="usercp.php?action=editsig">Edytuj sygnature</a></li>
</ul>
</div>
                    </div>
                </div>
</li>
{$admincplink}{$modcplink}
<li><a href="private.php" title="Komunikator"><font color="9f0401">.</font><img src="images/spark_v3/wiadomosc.jpg" /><font color="9f0401">.</font></a></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><img src="images/spark_v3/wyloguj.png" />{$lang->welcome_logout}</a></li>

</ul>

Chodzi mi o to

<div class="menu-panel_form">
<ul>
<li><a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}">Mój profil</a></li>
<li><a href="private.php">Komunikator</a></li>
<li><a href="usercp.php?action=profile">Edytuj profil</a></li>
<li><a href="usercp.php?action=avatar">Edytuj avatar</a></li>
<li><a href="usercp.php?action=editsig">Edytuj sygnature</a></li>

U Ciebie ma się rozwijać panel użytkownika, tak?

Dobra nie wiesz oco mi chodzi..
A chodzi mi o takiego coś jak jest na cs-wojak gdy najedziemy na np. Sklep w menu

Wiem o co chodzi, więc zapytałem, czy to ma być to. Mniejsza.

Bardzo proste menu do obsługi: http://grafifor.pl/Temat-html5-css3-js-r...pdown-menu
wyciągnij elementy z hoverli oraz dropdown.

Bardzo fajne menu i bardzo ładnie działa. Sprawdziłem.

jak je dodac ?

Napisałem czego potrzebujesz, post #8.

Ale skąd ja mam je wyciągnąć ?

Z kodu, który jest w linku: http://grafifor.pl/Temat-html5-css3-js-r...pdown-menu


Do headerinclude:

<script type="text/javascript">
    $(document).ready(function () {
        $(".hoverli").hover(
      function () {
         $('.dropdown').fadeIn('medium');
      }, 
      function () {
         $('.dropdown').fadeOut('medium');
      }
    );

    });
    </script> 


do css:

.dropdown{
    display: none;
    position: absolute;
    left: 0;
    top: 36px;
    background: #444;
    font-size: 14px;
}
.dropdown>li{
    display: block;
    list-style: none;
}
.dropdown>li>a:link, .dropdown>li>a:visited{
    display: block;
    color: #EFEFEF;
    width: 140px;
    text-decoration: none;
    padding: 3px 15px;
    border-bottom: dashed 1px #676767;
}
.dropdown>li>a:hover, .dropdown>li>a:active{
    background: #b71ae4;
    color: #fff;
    border-bottom: solid 1px #b71ae4;
} 


do HTML (MIEJSCE wyświetlania):

<li class="hoverli EWENTUALNAKLASA"><a href="#link">Nazwa</a>
                <ul class="dropdown">
                    <li><a href="#projekt01"><i class="fa fa-heart"></i> Lubię to menu</a>
                    <li><a href="#projekt02"><i class="fa fa-folder-open"></i> Projekt Dwa</a>
                    <li><a href="#projekt03"><i class="fa fa-flask"></i> Eksperyment</a>
                </ul>
            </li> 


Dodałem Do headerinclude: ten kod
Do global.css ten 2 kod
i w miejsce wyswietlania ten 3 kod

I nie wysuwa się sami zobaczcie

Spróbuj może zmienić wersję jQuery w szablonie headerinclude.