Zwijanego panelu

**CiaMaRa** · 29.12.2014, 07:35

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

**Nexus.** · 29.12.2014, 09:41

Trochę google. [;
http://line25.com/tutorials/how-to-creat...pdown-menu

**CiaMaRa** · 29.12.2014, 13:07

A może jakiś Poradnik tutorial w wydaniu polskim.? prosze

**Snake_** · 29.12.2014, 13:09

http://www.forumweb.pl/porady-i-tutorial...jane,48799

**CiaMaRa** · (Ten post był ostatnio modyfikowany: 29.12.2014, 14:19 przez CiaMaRa.)

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

29.12.2014, 16:19

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!

**CiaMaRa** · 29.12.2014, 18:33

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

nie ogarniam

29.12.2014, 18:38

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" :/

**CiaMaRa** · 29.12.2014, 19:11

Tak wiem ze się różni. Ponieważ dopiero miałem to zmienić. Narazie chce stworzyć kod którym go potem zastąpie.

29.12.2014, 20:36

Najlepiej będzie jak ten kod co podałem wyżej, wrzucisz do osobnego CSSa albo dokleisz go do global.css

**CiaMaRa** · 29.12.2014, 22:06

(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

29.12.2014, 22:41

Nowy.

**CiaMaRa** · 30.12.2014, 00:02

A o jakiej nazwie?

**Ardex** · 30.12.2014, 00:11

Nie ma to żadnego znaczenia, ale dobrze byłoby gdyby nazwa kojarzyła się z tym co jest w środku.

**CiaMaRa** · 30.12.2014, 14:19

(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

Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Zwijanego panelu

CiaMaRa

Nexus.

CiaMaRa

Snake_

CiaMaRa

LikeLoveHate

CiaMaRa

LikeLoveHate

CiaMaRa

LikeLoveHate

CiaMaRa

LikeLoveHate

CiaMaRa

Ardex

CiaMaRa

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

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie