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/
Pierwszy - lepszy link z google z fazy "rozwijane meny"
Pokaż lepiej kod tego menu..
Dało by radę wziąć menu z tego kodu ?
Kod:
<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&logoutkey={$mybb->user['logoutkey']}"><img src="images/spark_v3/wyloguj.png" />{$lang->welcome_logout}</a></li>
</ul>
Chodzi mi o to
Kod:
<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
Bardzo fajne menu i bardzo ładnie działa. Sprawdziłem.
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:
Kod PHP:
<script type="text/javascript">
$(document).ready(function () {
$(".hoverli").hover(
function () {
$('.dropdown').fadeIn('medium');
},
function () {
$('.dropdown').fadeOut('medium');
}
);
});
</script>
do css:
Kod PHP:
.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):
Kod PHP:
<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.