wersja skryptu MyBB:1.8.3
adres forum:Cs-wojak.com
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):
Witam, chciałbym zrobić panel zwijany, aby po naciśnięciu na dany "element" wysuwały się np odnośniki do innych stron na przykładzie AMXBans z screen;a
http://scr.hu/3jm1/r7jjj
A może jakiś Poradnik tutorial w wydaniu polskim.? prosze
No i tak czytałem i wyszedł Mi taki kod... Ale jak go daje w header w szablonie nagłowek
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Menu rozwijane poziome z pionowym submenu - demo</title>
<style type="text/css">
* {margin: 0; padding: 0;}
#menu li {list-style: none;}
#menu {height: 30px;}
#menu ul {visibility: hidden; position: absolute; top: 100%; left: 0;}
#menu li {float: left; padding-right: 1px; position: relative;}
#menu li li {float: none; padding-top: 1px; width: 160px;}
#menu li:hover ul {visibility: visible;}
#menu a, #menu li:hover li a {display: block; font: 12px/30px verdana, sans-serif; text-decoration: none; padding: 0 10px; color: #fff; background-color: #666;}
#menu li li a {width: 140px;}
#menu li:hover a, #menu li:hover li:hover a {background-color: #333095;}
</style>
</head>
<body>
<ul id="menu">
<ul>
<li><a href="/index.php">Strona Głowna</a></li>
<li><a href="/memberlist.php">Użytkownicy</a></li>
<li><a href="#">AMXBans</a></li>
<ul>
<li><a href="http://hanys.hekko.pl/bany1/ban_list.php">Only DD2</a></li>
<li><a href="#">Call Of Duty 201 Classic</a></li>
<li><a href="#">TEST</a></li>
</ul>
<li><a href="#">Demka</a></li>
<ul>
<li><a href="http://389884.node8.pukawka.pl">Only DD2</a></li>
<li><a href="#">Call Of Duty 201 Classic</a></li>
<li><a href="#">TEST</a></li>
</ul>
<li><a href="http://cs-wojak.com/sklepdiablo/">SKLEP</a></li>
</ul>
</body>
</html>
Ale nic Mi nie wyszło... jakie błędy popełniłem
To:
Kod:
<style type="text/css">
* {margin: 0; padding: 0;}
#menu li {list-style: none;}
#menu {height: 30px;}
#menu ul {visibility: hidden; position: absolute; top: 100%; left: 0;}
#menu li {float: left; padding-right: 1px; position: relative;}
#menu li li {float: none; padding-top: 1px; width: 160px;}
#menu li:hover ul {visibility: visible;}
#menu a, #menu li:hover li a {display: block; font: 12px/30px verdana, sans-serif; text-decoration: none; padding: 0 10px; color: #fff; background-color: #666;}
#menu li li a {width: 140px;}
#menu li:hover a, #menu li:hover li:hover a {background-color: #333095;}
</style>
Masz wkleić do szablonu headerinclude. <head> to głowa strony internetowej, a nie szablon!
To moj header:
Kod:
<div id="login-box" class="login-popup">
<div class="login-content">
<h3>Zaloguj się! <a href="#"><img src="images/carbon/close_popup.png" class="btn_close" title="Close Window" alt="Close" /></a></h3>
<form method="post" class="signin" action="member.php">
<input type="hidden" name="action" value="do_login" />
<ul class="login-box-ul">
<li style="margin-left: 110px;margin-bottom: 7px;">Nie masz konta? <a href="member.php?action=register">Zarejestruj się!</a></li>
<li><label>Login</label> <input type="text" name="username" title="{$login_username}" value="Nazwa użytkownika" onfocus="if(this.value == 'Nazwa użytkownika') { this.value=''; }" onblur="if(this.value=='') { this.value='Nazwa użytkownika'; }" /></li>
<li><label>Hasło</label> <input type="password" name="password" title="{$lang->login_password}" value="{$lang->login_password}" onfocus="if(this.value == '{$lang->login_password}') { this.value=''; }" onblur="if(this.value=='') { this.value='{$lang->login_password}'; }"/></li>
<li style="margin-left: 110px;"><a href="member.php?action=lostpw">Zapomniałem hasła!</a></li>
<li style="margin-left: 106px;margin-top: 4px;"><input type="checkbox" class="checkbox" name="remember" checked="checked" value="yes" /> <span style="padding: 1px 0 0 6px;position: absolute;">Zapamiętaj mnie</span></li>
</ul>
<div class="submit_login">
<input class="button_submit-login" type="submit" value="Zaloguj" name="submit"/>
</div>
</form>
</div>
</div>
<a name="top" id="top"></a>
<div class="belka_top">
<div class="belka_top-wrapper">
<div class="float_right">
<form action="search.php" method="post" id='search-box'><span id='search_wrap'>
<span style="float: right;margin-top: 5px;margin-right: 30px;">
<input type='submit' class="button_submit_gl" value=""/>
<input type="text" class="search_bg" id='main_search' name="keywords" onfocus="this.value = '';" value="Wyszukiwanie..." size='30' tabindex='6' />
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="postthread" value="1" /></span>
</span>
</form>
<span class="zaawansowane_szukaj">
<a href="search.php" class="zaawansowane_szukanie"></a>
</span>
</div>
<div class="nawigacja_usera">
{$welcomeblock}
</div>
</div>
</div>
<div id="wrapper">
<div id="header">
<ul class="menu_top">
<li><a href="/index.php">Strona Główna</a></li>
<li><a href="/memberlist.php">Użytkownicy</a></li>
<li><a href="">AMXBans</a></li>
<li><a href="http://cs-wojak.com/sklepdiablo/">Sklep</a></li>
<li><a href="">Demka Serwerów</a></li>
</ul>
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
<navigation>
<div class="content">
<br />
w ktorym miejscu to wkleić i czy tylko to co u góry czy to co wcześniej wkleiłem
nie ogarniam
Poczytaj troszkę o różnicy między "class" a "id" w HTML. Ty na swojej stronie masz class, a ten kod co gdzieś wygenerowałeś, działasz na id, dlatego Ci to nie zadziała. Poza tym, nazwę na stronie masz "menu_top" a w tym wygenerowanym "menu" :/
Tak wiem ze się różni. Ponieważ dopiero miałem to zmienić. Narazie chce stworzyć kod którym go potem zastąpie.
Najlepiej będzie jak ten kod co podałem wyżej, wrzucisz do osobnego CSSa albo dokleisz go do global.css
(29.12.2014, 20:36)LikeLoveHate napisał(a): [ -> ]Najlepiej będzie jak ten kod co podałem wyżej, wrzucisz do osobnego CSSa albo dokleisz go do global.css
Osobnego css'a? masz na mysli jakiś konkretny czy nowy.. pomijając global.css
Nie ma to żadnego znaczenia, ale dobrze byłoby gdyby nazwa kojarzyła się z tym co jest w środku.
(30.12.2014, 00:11)Ardex napisał(a): [ -> ]Nie ma to żadnego znaczenia, ale dobrze byłoby gdyby nazwa kojarzyła się z tym co jest w środku.
Możesz pomóc..? Wiem że Sobie nie poradze;p