Zwijanego panelu

Szukam  Założony przez  CiaMaRa.

29.12.2014, 07:35
#1
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
29.12.2014, 09:41
#2
Trochę google. [;
http://line25.com/tutorials/how-to-creat...pdown-menu
29.12.2014, 13:07
#3
A może jakiś Poradnik tutorial w wydaniu polskim.? prosze
29.12.2014, 13:09
#4
http://www.forumweb.pl/porady-i-tutorial...jane,48799
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
29.12.2014, 14:01 (Ten post był ostatnio modyfikowany: 29.12.2014, 14:19 przez CiaMaRa.)
#5
No i tak czytałem i wyszedł Mi taki kod... Ale jak go daje w header w szablonie nagłowek
<!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

  • LikeLoveHate

  • Gość
  •   0
29.12.2014, 16:19
#6
To:
<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!
29.12.2014, 18:33
#7
To moj header:
<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:D:D nie ogarniam:D

  • LikeLoveHate

  • Gość
  •   0
29.12.2014, 18:38
#8
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" :/
29.12.2014, 19:11
#9
Tak wiem ze się różni. Ponieważ dopiero miałem to zmienić. Narazie chce stworzyć kod którym go potem zastąpie.

  • LikeLoveHate

  • Gość
  •   0
29.12.2014, 20:36
#10
Najlepiej będzie jak ten kod co podałem wyżej, wrzucisz do osobnego CSSa albo dokleisz go do global.css
29.12.2014, 22:06
#11
(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

  • LikeLoveHate

  • Gość
  •   0
29.12.2014, 22:41
#12
Nowy.
30.12.2014, 00:02
#13
A o jakiej nazwie?
30.12.2014, 00:11
#14
Nie ma to żadnego znaczenia, ale dobrze byłoby gdyby nazwa kojarzyła się z tym co jest w środku.
30.12.2014, 14:19
#15
(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



Użytkownicy przeglądający ten wątek:

1 gości