18.09.2014, 14:47
wersja skryptu MyBB: 1.6.15
adres forum: XXX
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Chciałem zrobić wysuwane menu i jedno mi działa a drugie nie ;/
CODE:
CSS:
adres forum: XXX
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Chciałem zrobić wysuwane menu i jedno mi działa a drugie nie ;/
CODE:
Kod:
<div id="loginBox" style="display: none;">
<div id="loginForm">
<div id="user_panel">
<div class="avatar">
<a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}"><img src="{$mybb->user['avatar']}" class="avatar " alt="avatar"></a>
</div>
<div class="panel">
<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>
</div>
<div id="PowiadomieniaBox" style="display: none;">
<div id="PowiadomieniaForm">
<div id="po_lewo_text">
<table border="0" cellspacing="" cellpadding="" class="tborder">
<tbody><tr>
<td id="belka_skrzynki" colspan="0">Skrzynka odbiorcza</td>
</tr>
<tr>
<td id="pod_belka_skrzynki" colspan="0">
<a href="private.php?action=send" style="color: #3c3c3c;">Nowa rozmowa</a>
<a href="private.php" style="color: #3c3c3c; margin-right: 10px;">Wszystkie wiadomości</a>
</td>
</tr>
</tbody></table>
TEST
</div>
</div>
</div>
<div id="panel_uzytkownika">
<ul>
<li><a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}"><span><img src="{$mybb->user['avatar']}" class="avatar " alt="avatar"></span></a></li>
<li><a id="loginButton" title="Mój profil"><span>{$mybb->user['username']}</span></a></li>
<li><a id="PowiadomieniaButton" class="powiadomienia" title="Powiadomienia"><span></span></a></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=logout&logoutkey={$mybb->user['logoutkey']}"><span>Wyloguj </span></a></li>
</ul>
</div>CSS:
Kod:
#PowiadomieniaButton {
display:inline-block;
position:relative;
z-index:30;
}
#PowiadomieniaButton a{
padding: 0 12px;
}
#PowiadomieniaBox {
position:absolute;
top: 38px;
right: 121px;
display: none;
z-index:29;
}
#PowiadomieniaButton.active {
background: #FFF; /* Old browsers */
color: #000 !important;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
}
#PowiadomieniaButton.active span{color: #000;}
#PowiadomieniaButton.active:hover {
background: #FFF;
}
#PowiadomieniaButton.active .strzalka {
display: inline-block;
width: 9px;
height: 5px;
background: url(images/Inspi_light/icon/header_dropdown.png) no-repeat right;
}
#PowiadomieniaButton.active em {
position:absolute;
width:100%;
bottom:-1px;
}
#PowiadomieniaForm {
background: #FFF;
padding: 10px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-radius: 0 0 6px 6px;
overflow: hidden;
width: 340px;
-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
-moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
}
#PowiadomieniaForm a {
color: #3c3c3c;
text-decoration: none;
}
#PowiadomieniaForm a:hover{
background: none !important;
}