Webboard - Top Stats - Niepoprawne wyświetlanie.

Adres forum:
ciemna.pl

Wersja silnika:
1.8.30

Opis problemu:
Witam, mam problem z pluginem Top Stats a mianowicie przed aktualizacją pluginu do wersji 1.0.5 plugin działał prawidłowo, na wersji 1.0.4, postanowiłem zaktualizować plugin i po tej operacji wygląd się zepsuł.

Kodu nie ruszałem, w dalszym ciągu jest w panelu bocznym w szablony>index tylko zdeinstalowałem plugin, wgrałem nową wersję na ftp i zainstalowałem/aktywowałem, aczkolwiek po tej operacji statystyki nie są tak jakby w tej ramce w której znajduje się np widget płatności widoczny na screenie oraz są takie jakby ściśnięte.

Kod:
{$topStats['LastThreads']} 

{$topStats['LastActiveThreads']} 

{$topStats['MostViews']}

{$topStats['Posters']}

{$topStats['Reputation']}

{$topStats['Referrals']}

{$topStats['TimeOnline']} 

{$topStats['NewestUsers']}

{$topStats['Moderators']}

Czy macie może pomysł jak to naprawić? Na śmierć zapomniałem o kopii przed aktualizacją i niestety nie mam teraz nawet jak przywrócić starych plików

Przepraszam że zdjęcie na innym hostingu ale nie wiem dlaczego nie mogłem dodać załącznika.

[Obrazek: 097cd63d8fdb8.jpg]

Kod:
<html>

<head>

<link rel="shortcut icon" href="favicon.ico" />

<title>{$mybb->settings['bbname']}</title>

{$headerinclude}

<script type="text/javascript">

<!--

    lang.no_new_posts = "{$lang->no_new_posts}";

    lang.click_mark_read = "{$lang->click_mark_read}";

// -->

</script>

</head>

<body>

{$header}

<section class="flex_content">

    <article id="forums">

        <div id="news_container">

            <div class="content">

                <div class="row">

                    <div class="date">01 - Mar - 2022</div>

                    <div class="text">Nocne poranki z Ciemna.pl - Darmowy VIP na serwerze FFA</div>

                    <a href="/showthread.php?tid=1730" class="button small">Zapoznaj się!</a>

                </div>

                <div class="row">

                    <div class="date">03 - Maj - 2019</div>

                    <div class="text">REGULAMINY SERWERÓW</div>

                    <a href="/forumdisplay.php?fid=30" class="button small">Zapoznaj się!</a>

                </div>

                <div class="row">

                    <div class="date">21 - Lip - 2018</div>

                    <div class="text">REGULAMIN CZATBOX'A</div>

                    <a href="/showthread.php?tid=344" class="button small">Zapoznaj się!</a>

                </div>

                <div class="row">

                    <div class="date">23 - Gru - 2018</div>

                    <div class="text">Jesteś nowy na forum? Przywitaj się z nami.</div>

                    <a href="/forumdisplay.php?fid=31" class="button small">Napisz post</a>

                </div>

                <div class="row">

                    <div class="date">04 - Lip - 2018</div>

                    <div class="text">Zakup rangę VIP na serwerze już dziś.</div>

                    <a href="http://ciemna.pl/sklepsms/" class="button small">Kup VIP'a!</a>

                </div>

            </div>

        </div>

        {$dvz_shoutbox}

        {$forums}

    </article>

    <aside id="sidebar">

        <div class="adminlist">

            <h3>Administracja</h3>            

            <div class="user adminlist-slider">

                <div class="item">

                    <img src="/images/koniu.jpg" alt="avatar" />

                    <div class="rank">Administrator</div>

                    <div class="nick ranks wlasciciel">κønîu</div>

                    <div class="links">

                        <a href="/member.php?action=profile&uid=1" class="profil"></a>

                        <a href="https://steamcommunity.com/profiles/76561198246589992/" class="steam"></a>

                        <a href="/private.php?action=send&uid=1" class="message"></a>

                    </div>

                </div>

                <div class="item">

                    <img src="/images/kuczor.gif" alt="avatar" />

                    <div class="rank">Administrator</div>

                    <div class="nick ranks wlasciciel">кuczoя</div>

                    <div class="links">

                        <a href="/member.php?action=profile&uid=64" class="profil"></a>

                        <a href="https://steamcommunity.com/id/KuczoR" class="steam"></a>

                        <a href="/private.php?action=send&uid=64" class="message"></a>

                    </div>

                </div>

                <div class="item">

                    <img src="/images/ziom.jpg" alt="avatar" />

                    <div class="rank">Administrator</div>

                    <div class="nick ranks wlasciciel">Ziom_Periniom</div>

                    <div class="links">

                        <a href="/member.php?action=profile&uid=28" class="profil"></a>

                        <a href="#" class="steam"></a>

                        <a href="/private.php?action=send&uid=28" class="message"></a>

                    </div>

                </div>

                <div class="item">

                    <img src="/uploads/avatars/avatar_783.jpg?dateline=1656362328" alt="avatar" />

                    <div class="rank">Administrator</div>

                    <div class="nick ranks wlasciciel">Dawidowski</div>

                    <div class="links">

                        <a href="/member.php?action=profile&uid=783" class="profil"></a>

                        <a href="#" class="steam"></a>

                        <a href="/member.php?action=profile&uid=783" class="message"></a>

                    </div>

                </div>

            </div>

            <div class="user row">

                <div class="line">

                    <div class="nick ranks wlasciciel">Ciemna.pl</div>

                    <div class="links">

                        <a href="#" class="profil"></a>

                        <a href="#" class="steam"></a>

                        <a href="#" class="message"></a>

                    </div>

                </div>

            </div>            

        </div>

        <div class="category topstats">{$forumteamonline}</div>

        {$topStats['LastThreads']}

        {$topStats['LastActiveThreads']}

        {$topStats['MostViews']}

        {$topStats['Posters']}

        {$topStats['Reputation']}

        {$topStats['Referrals']}

        {$topStats['Timeonline']}

        {$topStats['NewestUsers']}

        {$topStats['Moderators']}

            <td class="thead">

                <center><div class="category topstats"><i class="fab fa-teamspeak"></i> <strong>TS3 - Podgląd Serwera</strong>

            </td></tr></thead>

                <tbody><tr><br><br><br>

            <td class="trow1">

                <iframe src="https://cache.gametracker.com/components/html0/?host=51.75.43.30:10002&bgColor=0052a4&fontColor=ffffff&titleBgColor=000000&titleColor=ffffff&borderColor=93090c&linkColor=00ff0d&borderLinkColor=ffffff&showMap=0&currentPlayersHeight=348&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=250" frameborder="0" scrolling="no" width="250" height="536"></iframe>

            </div></center></td>

    </aside>

</section>

{$boardstats}

{$footer}

<script>

    $("#main_menu a.home").addClass('active');

</script>

</body>

</html>

Dodałem tabele i valign (pozycję) na dopasowaną, tutaj kod ten co wkleiłeś już po modyfikacji:

Kod:
<html>

<head>

<link rel="shortcut icon" href="favicon.ico" />

<title>{$mybb->settings['bbname']}</title>

{$headerinclude}

<script type="text/javascript">

<!--

    lang.no_new_posts = "{$lang->no_new_posts}";

    lang.click_mark_read = "{$lang->click_mark_read}";

// -->

</script>

</head>

<body>

{$header}

<section class="flex_content">

    <article id="forums">

        <div id="news_container">

            <div class="content">

                <div class="row">

                    <div class="date">01 - Mar - 2022</div>

                    <div class="text">Nocne poranki z Ciemna.pl - Darmowy VIP na serwerze FFA</div>

                    <a href="/showthread.php?tid=1730" class="button small">Zapoznaj się!</a>

                </div>

                <div class="row">

                    <div class="date">03 - Maj - 2019</div>

                    <div class="text">REGULAMINY SERWERÓW</div>

                    <a href="/forumdisplay.php?fid=30" class="button small">Zapoznaj się!</a>

                </div>

                <div class="row">

                    <div class="date">21 - Lip - 2018</div>

                    <div class="text">REGULAMIN CZATBOX'A</div>

                    <a href="/showthread.php?tid=344" class="button small">Zapoznaj się!</a>

                </div>

                <div class="row">

                    <div class="date">23 - Gru - 2018</div>

                    <div class="text">Jesteś nowy na forum? Przywitaj się z nami.</div>

                    <a href="/forumdisplay.php?fid=31" class="button small">Napisz post</a>

                </div>

                <div class="row">

                    <div class="date">04 - Lip - 2018</div>

                    <div class="text">Zakup rangę VIP na serwerze już dziś.</div>

                    <a href="http://ciemna.pl/sklepsms/" class="button small">Kup VIP'a!</a>

                </div>

            </div>

        </div>

        {$dvz_shoutbox}

        {$forums}

    </article>

    <aside id="sidebar">

        <div class="adminlist">

            <h3>Administracja</h3>            

            <div class="user adminlist-slider">

                <div class="item">

                    <img src="/images/koniu.jpg" alt="avatar" />

                    <div class="rank">Administrator</div>

                    <div class="nick ranks wlasciciel">κønîu</div>

                    <div class="links">

                        <a href="/member.php?action=profile&uid=1" class="profil"></a>

                        <a href="https://steamcommunity.com/profiles/76561198246589992/" class="steam"></a>

                        <a href="/private.php?action=send&uid=1" class="message"></a>

                    </div>

                </div>

                <div class="item">

                    <img src="/images/kuczor.gif" alt="avatar" />

                    <div class="rank">Administrator</div>

                    <div class="nick ranks wlasciciel">кuczoя</div>

                    <div class="links">

                        <a href="/member.php?action=profile&uid=64" class="profil"></a>

                        <a href="https://steamcommunity.com/id/KuczoR" class="steam"></a>

                        <a href="/private.php?action=send&uid=64" class="message"></a>

                    </div>

                </div>

                <div class="item">

                    <img src="/images/ziom.jpg" alt="avatar" />

                    <div class="rank">Administrator</div>

                    <div class="nick ranks wlasciciel">Ziom_Periniom</div>

                    <div class="links">

                        <a href="/member.php?action=profile&uid=28" class="profil"></a>

                        <a href="#" class="steam"></a>

                        <a href="/private.php?action=send&uid=28" class="message"></a>

                    </div>

                </div>

                <div class="item">

                    <img src="/uploads/avatars/avatar_783.jpg?dateline=1656362328" alt="avatar" />

                    <div class="rank">Administrator</div>

                    <div class="nick ranks wlasciciel">Dawidowski</div>

                    <div class="links">

                        <a href="/member.php?action=profile&uid=783" class="profil"></a>

                        <a href="#" class="steam"></a>

                        <a href="/member.php?action=profile&uid=783" class="message"></a>

                    </div>

                </div>

            </div>

            <div class="user row">

                <div class="line">

                    <div class="nick ranks wlasciciel">Ciemna.pl</div>

                    <div class="links">

                        <a href="#" class="profil"></a>

                        <a href="#" class="steam"></a>

                        <a href="#" class="message"></a>

                    </div>

                </div>

            </div>            

        </div>

        <div class="category topstats">{$forumteamonline}</div>

      <td valign="baseline" width="230">

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

        {$topStats['LastThreads']}

        {$topStats['LastActiveThreads']}

        {$topStats['MostViews']}

        {$topStats['Posters']}

        {$topStats['Reputation']}

        {$topStats['Referrals']}

        {$topStats['Timeonline']}

        {$topStats['NewestUsers']}

        {$topStats['Moderators']}

</td></table>

            <td class="thead">

                <center><div class="category topstats"><i class="fab fa-teamspeak"></i> <strong>TS3 - Podgląd Serwera</strong>

            </td></tr></thead>

                <tbody><tr><br><br><br>

            <td class="trow1">

                <iframe src="https://cache.gametracker.com/components/html0/?host=51.75.43.30:10002&bgColor=0052a4&fontColor=ffffff&titleBgColor=000000&titleColor=ffffff&borderColor=93090c&linkColor=00ff0d&borderLinkColor=ffffff&showMap=0&currentPlayersHeight=348&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=250" frameborder="0" scrolling="no" width="250" height="536"></iframe>

            </div></center></td>

    </aside>

</section>

{$boardstats}

{$footer}

<script>

    $("#main_menu a.home").addClass('active');

</script>

</body>

</html>

td valign="baseline" width="230"

valign - pozycja, width - szerokość (może być 230px lub np. 20%, w zależności od upodobań i szerokości, jaką chcesz mieć).

Wystarczy edytować szablony poszczególnych statystyk, np. topStats_LastActiveThreads i do klasy tabeli (<table>) dodać klasy używane w stylu (category oraz topstats). Te szablony są z tego co pamiętam w szablonach globalnych, aby wiedzieć, w którym konkretnie należy zmienić zbadaj element, w komentarzu w kodzie w konsoli będziesz miał podaną nazwę.

Poradnik - Jak zbadać element na stronie internetowej?

(05.07.2022, 15:36)Kamilz125 napisał(a): [ -> ]Dodałem tabele i valign (pozycję) na dopasowaną, tutaj kod ten co wkleiłeś już po modyfikacji:

Kod:
<html> <head> <link rel="shortcut icon" href="favicon.ico" /> <title>{$mybb->settings['bbname']}</title> {$headerinclude} <script type="text/javascript">  </script> </head> <body> {$header} <section class="flex_content"> <article id="forums"> <div id="news_container"> <div class="content"> <div class="row"> <div class="date">01 - Mar - 2022</div> <div class="text">Nocne poranki z Ciemna.pl - Darmowy VIP na serwerze FFA</div> <a href="/showthread.php?tid=1730" class="button small">Zapoznaj się!</a> </div> <div class="row"> <div class="date">03 - Maj - 2019</div> <div class="text">REGULAMINY SERWERÓW</div> <a href="/forumdisplay.php?fid=30" class="button small">Zapoznaj się!</a> </div> <div class="row"> <div class="date">21 - Lip - 2018</div> <div class="text">REGULAMIN CZATBOX'A</div> <a href="/showthread.php?tid=344" class="button small">Zapoznaj się!</a> </div> <div class="row"> <div class="date">23 - Gru - 2018</div> <div class="text">Jesteś nowy na forum? Przywitaj się z nami.</div> <a href="/forumdisplay.php?fid=31" class="button small">Napisz post</a> </div> <div class="row"> <div class="date">04 - Lip - 2018</div> <div class="text">Zakup rangę VIP na serwerze już dziś.</div> <a href="http://ciemna.pl/sklepsms/" class="button small">Kup VIP'a!</a> </div> </div> </div> {$dvz_shoutbox} {$forums} </article> <aside id="sidebar"> <div class="adminlist"> <h3>Administracja</h3> <div class="user adminlist-slider"> <div class="item"> <img src="/images/koniu.jpg" alt="avatar" /> <div class="rank">Administrator</div> <div class="nick ranks wlasciciel">κønîu</div> <div class="links"> <a href="/member.php?action=profile&uid=1" class="profil"></a> <a href="https://steamcommunity.com/profiles/76561198246589992/" class="steam"></a> <a href="/private.php?action=send&uid=1" class="message"></a> </div> </div> <div class="item"> <img src="/images/kuczor.gif" alt="avatar" /> <div class="rank">Administrator</div> <div class="nick ranks wlasciciel">кuczoя</div> <div class="links"> <a href="/member.php?action=profile&uid=64" class="profil"></a> <a href="https://steamcommunity.com/id/KuczoR" class="steam"></a> <a href="/private.php?action=send&uid=64" class="message"></a> </div> </div> <div class="item"> <img src="/images/ziom.jpg" alt="avatar" /> <div class="rank">Administrator</div> <div class="nick ranks wlasciciel">Ziom_Periniom</div> <div class="links"> <a href="/member.php?action=profile&uid=28" class="profil"></a> <a href="#" class="steam"></a> <a href="/private.php?action=send&uid=28" class="message"></a> </div> </div> <div class="item"> <img src="/uploads/avatars/avatar_783.jpg?dateline=1656362328" alt="avatar" /> <div class="rank">Administrator</div> <div class="nick ranks wlasciciel">Dawidowski</div> <div class="links"> <a href="/member.php?action=profile&uid=783" class="profil"></a> <a href="#" class="steam"></a> <a href="/member.php?action=profile&uid=783" class="message"></a> </div> </div> </div> <div class="user row"> <div class="line"> <div class="nick ranks wlasciciel">Ciemna.pl</div> <div class="links"> <a href="#" class="profil"></a> <a href="#" class="steam"></a> <a href="#" class="message"></a> </div> </div> </div> </div> <div class="category topstats">{$forumteamonline}</div> <td valign="baseline" width="230"> <table border="0" cellspacing="0" cellpadding="0" class="tborder"> {$topStats['LastThreads']} {$topStats['LastActiveThreads']} {$topStats['MostViews']} {$topStats['Posters']} {$topStats['Reputation']} {$topStats['Referrals']} {$topStats['Timeonline']} {$topStats['NewestUsers']} {$topStats['Moderators']} </td></table> <td class="thead"> <center><div class="category topstats"><i class="fab fa-teamspeak"></i> <strong>TS3 - Podgląd Serwera</strong> </td></tr></thead> <tbody><tr><br><br><br> <td class="trow1"> <iframe src="https://cache.gametracker.com/components/html0/?host=51.75.43.30:10002&bgColor=0052a4&fontColor=ffffff&titleBgColor=000000&titleColor=ffffff&borderColor=93090c&linkColor=00ff0d&borderLinkColor=ffffff&showMap=0&currentPlayersHeight=348&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=250" frameborder="0" scrolling="no" width="250" height="536"></iframe> </div></center></td> </aside> </section> {$boardstats} {$footer} <script> $("#main_menu a.home").addClass('active'); </script> </body> </html>

td valign="baseline" width="230"

valign - pozycja, width - szerokość (może być 230px lub np. 20%, w zależności od upodobań i szerokości, jaką chcesz mieć).

Niestety nie przyniosło to żadnych zmian, nie mam pojęcia dlaczego :/

Musiałem zrobić tak że w index tam gdzie jest kod od topStats dać to w div, dopiero pojawiła się ta "tabelka/obramowanie" lecz wszystko było tak jakby ściśnięte w ten sposób jak na screenie który dodał wyżej Poftorek.

Kod:
<div class="category topstats">{$topStats['LastThreads']}</div>

(05.07.2022, 16:11)Poftorek napisał(a): [ -> ]Wystarczy edytować szablony poszczególnych statystyk, np. topStats_LastActiveThreads i do klasy tabeli (<table>) dodać klasy używane w stylu (category oraz topstats). Te szablony są z tego co pamiętam w szablonach globalnych, aby wiedzieć, w którym konkretnie należy zmienić zbadaj element, w komentarzu w kodzie w konsoli będziesz miał podaną nazwę.

Poradnik - Jak zbadać element na stronie internetowej?

Rozwiązanie które podałeś trochę pomogło. Wszedłem do Style i Szablony > Szablony > Szablony Globalne > i np topStats_LastActiveThreads i w kodzie zmieniłem to w ten sposób:

Stary kod:

Kod:
            <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

            <tr><td class="thead" colspan="1"><strong>{$lang->topStats_LastActiveThreads}</strong></td></tr>

            {$tpl['row']}</table></ br>

Zmodyfikowany nowy kod:

Kod:
            <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="category topstats">

            <tr><td class="thead" colspan="1"><center><strong>{$lang->topStats_LastActiveThreads}</strong></center></td></tr>

            {$tpl['row']}</table>

I już nie wygląda to tak tragicznie ale jeszcze jest tak jakoś "dziwnie".
Dalej nie wiem jak zmienić aby nie było to tak bardzo rozjechane pomiędzy są duże przerwy i fajnie by było dopasować to do reszty forum i dać tam okrągłe avatary jak w całej reszcie forum. Na screenie postarałem się zaznaczyć o co mi chodzi.

[Obrazek: 47ebcbc91dcb2.png]

Znalazłem też screena w telefonie jak to wyglądało wcześniej zanim się "posuło".

[Obrazek: 07352afb36c9c.jpg]