Jak zrobić zwijane boxy - jak na mybboard.pl?

**Proo** · (Ten post był ostatnio modyfikowany: 13.04.2014, 18:28 przez Snake_.)

wersja skryptu MyBB: 1.6.12
adres forum: http://stylernia24.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Jak zrobic zwijane Boxy jak na MyBBoard.

**Snake_** · 13.04.2014, 18:18

Chodzi Ci o panel boczny, czy wszystkie działy?

**Proo** · 13.04.2014, 18:22

panel

**Snake_** · (Ten post był ostatnio modyfikowany: 13.04.2014, 18:31 przez Snake_.)

O ile dobrze widzę, to skrypt w *.js jest napisany przez Soul Reaver'a

**Proo** · 13.04.2014, 18:33

a jest cos podobnego do tego? https://webboard.pl/wiki.php?zwijany-pan...posob.html to mnie nie interesuje

**Snake_** · 13.04.2014, 18:54

Może tym sposobem: http://karol-drag.eu/art/html-js-jquery-...janie-diva

**Proo** · 13.04.2014, 19:00

dobre by bylo, ale ten skrypt domyslnie jest zwinięty a ja bym chciał aby był rozwinięty

**Snake_** · 13.04.2014, 19:19

Powinien być rozwinięty:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
function op(obj) {
x=document.getElementById(obj);
$(x).slideToggle( "slow" );
}
</script><a href="#" onClick="op('poka');">Ukryj</a>
<div id="poka" style="display: block;">
Oto ukryta cześć strony. Rozwija się po kliknięciu na przycisk, tekst, button, zdjęcie z atrybutem onClick="op('poka');".
</div> 

**Proo** · 13.04.2014, 20:08

nadal zwinięty

**Snake_** · (Ten post był ostatnio modyfikowany: 13.04.2014, 20:16 przez Snake_.)

http://snake.xaa.pl - sam zobacz.

**Proo** · 13.04.2014, 20:17

no nie wiem, u mnie jakos nie dziala. to moje boxy:

<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">

    <tr>

        <td valign="top" style="padding-right: 20px" >

            {$forums}

            {$boardstats}

        </td>

        <td valign="top" width="170">

            <table border="0" cellspacing="0" cellpadding="4" class="tborder">

                <tr>

                    <td class="thead"><strong>TYTUŁ</strong></td>

                </tr>

                <tr>

                    <td class="trow1">ZAWARTOŚĆ (tekst, html, JS)</td>

                </tr>

            </table><br />

<table border="0" cellspacing="0" cellpadding="4" class="tborder">

                <tr>

                    <td class="thead"><strong>Społeczność</strong></td>

                </tr>

                <tr>

                    <td class="trow1"><center>

<a href="http://facebook.com/stylernia24" target= "_blank"><img src="http://iv.pl/images/63472074731317676760.png"/></a>&nbsp;&nbsp;

<a href="#"><img src="http://iv.pl/images/73255632244285324075.png"/></a>&nbsp;&nbsp;

<a href="#"><img src="http://iv.pl/images/03854657137290161274.png"/></a>&nbsp;&nbsp;

<a href="#"><img src="http://iv.pl/images/53680486067609025250.png"/></a>

</center></td>

                </tr>

</table><br />

<table border="0" cellspacing="0" cellpadding="4" class="tborder">

                <tr>

                    <td class="thead"><strong>Współpraca</strong></td>

                </tr>

                <tr>

                    <td class="trow1"><center>

<marquee behavior="scroll" align="center"

direction="left" height="100" scrollamount="1"

scrolldelay="1" onmouseover='this.stop()'

onmouseout='this.start()'>

<a href="http://graphicsplanet.xaa.pl/" target="_blank" ><img src="http://graphicsplanet.xaa.pl/templates/FraGGersPL/images/logo.png" /></a>

</merquee></center></td>

                </tr>

</table><br />

<table border="0" cellspacing="0" cellpadding="4" class="tborder">

                <tr>

                    <td class="thead"><strong>Zapraszamy</strong></td>

                </tr>

                <tr>

                    <td class="trow1"><center>

<div id="margines"><a href="/kontakt.php">Kontakt</a></div>

<hr>

<div id="margines"><a href="/oferta.php">Oferta</a></div>

<hr>

<div id="margines"><a href="/misc.php?action=help">Pomoc</a></div>

<hr>

<div id="margines"><a href="/syndication.php">Subskrybuj RSS</a></div>

<hr>

<div id="margines"><a href="/forumdisplay.php?fid=1">Download Styli MyBB</a></div>

<hr>

<div id="margines"><a href="/forumdisplay.php?fid=4">Download Styli IPB</a></div>

<hr>

<div id="margines"><a href="/forumdisplay.php?fid=6">Download Szablonów Stron</a></div>

<hr>

<div id="margines"><a href="/forumdisplay.php?fid=9">Download Grafiki</a></div>

</center></td>

                </tr>

</table><br />

<table border="0" cellspacing="0" cellpadding="4" class="tborder">

                <tr>

                    <td class="thead"><strong>Ekipa</strong></td>

                </tr>

                <tr>

                    <td class="trow1"><center><font color="#FF0000"><b>Koder - <i>Pro</i></b><br> <b>Opiekun Strony - <i>Mumia3</i></b></font></center></td>

                </tr>

</table><br />

<table border="0" cellspacing="0" cellpadding="4" class="tborder">

                <tr>

                    <td class="thead"><strong>Facebook</strong></td>

                </tr>

                <tr>

                    <td class="trow1"><center><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fstylernia24&amp;width=300&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowTransparency="true"></iframe></center></td>

                </tr>

</table><br />

<table border="0" cellspacing="0" cellpadding="4" class="tborder">

                <tr>

                    <td class="thead"><strong>Informacje Cookies</strong></td>

                </tr>

                <tr>

                    <td class="trow1"><center>W tej witrynie stosujemy pliki cookies. Standardowe ustawienia przeglądarki internetowej zezwalają na zapisywanie ich na urządzeniu końcowym Użytkownika. Kontynuowanie przeglądania serwisu bez zmiany ustawień traktujemy jako zgodę na użycie plików cookies.</center></td>

                </tr>

</table><br />

        </td>

    </tr>

</table>

chcialbym aby zwijaly sie wszystkie boxy razem

**Snake_** · 13.04.2014, 20:43

Do headerindlude (niezgrupowane szablony):

<script type="text/javascript">
function op(obj) {
x=document.getElementById(obj);
jQuery(x).slideToggle( "slow" );
}
</script> 

i ten kod:

<a href="#" onClick="op('poka');">X</a>
<div id="poka" style="display: block;">

<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td valign="top" style="padding-right: 20px" >
            {$forums}
            {$boardstats}
        </td>
        <td valign="top" width="170">
            <table border="0" cellspacing="0" cellpadding="4" class="tborder">
                <tr>
                    <td class="thead"><strong>TYTUŁ</strong></td>
                </tr>
                <tr>
                    <td class="trow1">ZAWARTOŚĆ (tekst, html, JS)</td>
                </tr>
            </table><br />
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
                <tr>
                    <td class="thead"><strong>Społeczność</strong></td>
                </tr>
                <tr>
                    <td class="trow1"><center>
<a href="http://facebook.com/stylernia24" target= "_blank"><img src="http://iv.pl/images/63472074731317676760.png"/></a>&nbsp;&nbsp;
<a href="#"><img src="http://iv.pl/images/73255632244285324075.png"/></a>&nbsp;&nbsp;
<a href="#"><img src="http://iv.pl/images/03854657137290161274.png"/></a>&nbsp;&nbsp;
<a href="#"><img src="http://iv.pl/images/53680486067609025250.png"/></a>
</center></td>
                </tr>
</table><br />
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
                <tr>
                    <td class="thead"><strong>Współpraca</strong></td>
                </tr>
                <tr>
                    <td class="trow1"><center>
<marquee behavior="scroll" align="center"
direction="left" height="100" scrollamount="1"
scrolldelay="1" onmouseover='this.stop()'
onmouseout='this.start()'>
<a href="http://graphicsplanet.xaa.pl/" target="_blank" ><img src="http://graphicsplanet.xaa.pl/templates/FraGGersPL/images/logo.png" /></a>
</merquee></center></td>
                </tr>
</table><br />
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
                <tr>
                    <td class="thead"><strong>Zapraszamy</strong></td>
                </tr>
                <tr>
                    <td class="trow1"><center>
<div id="margines"><a href="/kontakt.php">Kontakt</a></div>
<hr>
<div id="margines"><a href="/oferta.php">Oferta</a></div>
<hr>
<div id="margines"><a href="/misc.php?action=help">Pomoc</a></div>
<hr>
<div id="margines"><a href="/syndication.php">Subskrybuj RSS</a></div>
<hr>
<div id="margines"><a href="/forumdisplay.php?fid=1">Download Styli MyBB</a></div>
<hr>
<div id="margines"><a href="/forumdisplay.php?fid=4">Download Styli IPB</a></div>
<hr>
<div id="margines"><a href="/forumdisplay.php?fid=6">Download Szablonów Stron</a></div>
<hr>
<div id="margines"><a href="/forumdisplay.php?fid=9">Download Grafiki</a></div>
</center></td>
                </tr>
</table><br />
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
                <tr>
                    <td class="thead"><strong>Ekipa</strong></td>
                </tr>
                <tr>
                    <td class="trow1"><center><font color="#FF0000"><b>Koder - <i>Pro</i></b><br> <b>Opiekun Strony - <i>Mumia3</i></b></font></center></td>
                </tr>
</table><br />
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
                <tr>
                    <td class="thead"><strong>Facebook</strong></td>
                </tr>
                <tr>
                    <td class="trow1"><center><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F​stylernia24&amp;width=300&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowTransparency="true"></iframe></center></td>
                </tr>
</table><br />
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
                <tr>
                    <td class="thead"><strong>Informacje Cookies</strong></td>
                </tr>
                <tr>
                    <td class="trow1"><center>W tej witrynie stosujemy pliki cookies. Standardowe ustawienia przeglądarki internetowej zezwalają na zapisywanie ich na urządzeniu końcowym Użytkownika. Kontynuowanie przeglądania serwisu bez zmiany ustawień traktujemy jako zgodę na użycie plików cookies.</center></td>
                </tr>
</table><br />
        </td>
    </tr>
</table></div> 

tylko to:

<a href="#" onClick="op('poka');">X</a>

musisz sobie wystylizować.

**Proo** · 13.04.2014, 20:53

chyba zrezygnuje bo sie wszystko psuje ;/

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

Jak zrobić zwijane boxy - jak na mybboard.pl?

Proo

Snake_

Proo

Snake_

Proo

Snake_

Proo

Snake_

Proo

Snake_

Proo

Snake_

Proo

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

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