Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Jak zrobić zwijane boxy - jak na mybboard.pl?
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.

Proo

13.04.2014, 18:15
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_

13.04.2014, 18:27
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:
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ść 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_

13.04.2014, 20:14
http://snake.xaa.pl - sam zobacz.

Proo

13.04.2014, 20:17
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

Snake_

13.04.2014, 20:43
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ŚĆ (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:
Kod PHP:
<a href="#" onClick="op('poka');">X</a> 
musisz sobie wystylizować.

Proo

13.04.2014, 20:53
chyba zrezygnuje bo sie wszystko psuje ;/
Webboard > Wsparcie MyBB > Style, szablony i grafika > Jak zrobić zwijane boxy - jak na mybboard.pl?