Webboard

Pełna wersja: Jak zrobić zwijane boxy - jak na mybboard.pl?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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.
Chodzi Ci o panel boczny, czy wszystkie działy?
panel
O ile dobrze widzę, to skrypt w *.js jest napisany przez Soul Reaver'a
a jest cos podobnego do tego? https://webboard.pl/wiki.php?zwijany-pan...posob.html to mnie nie interesuje
dobre by bylo, ale ten skrypt domyslnie jest zwinięty a ja bym chciał aby był rozwinięty
Powinien być rozwinięty:
Kod PHP:
<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ść stronyRozwija się po kliknięciu na przycisktekstbuttonzdjęcie z atrybutem onClick="op('poka');".
</
div
nadal zwinięty
http://snake.xaa.pl - sam zobacz.
no nie wiem, u mnie jakos nie dziala. to moje boxy:
Kod:
<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
Do headerindlude (niezgrupowane szablony):
Kod PHP:
<script type="text/javascript">
function 
op(obj) {
x=document.getElementById(obj);
jQuery(x).slideToggle"slow" );
}
</
script
i ten kod:
Kod PHP:
<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ŚĆ (teksthtmlJS)</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 cookiesStandardowe ustawienia przeglądarki internetowej zezwalają na zapisywanie ich na urządzeniu końcowym UżytkownikaKontynuowanie 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:
Kod PHP:
<a href="#" onClick="op('poka');">X</a
musisz sobie wystylizować.
chyba zrezygnuje bo sie wszystko psuje ;/