Top Stats - Niepoprawne wyświetlanie.

Błąd   Założony przez  KuczoR.

05.07.2022, 00:05 (Ten post był ostatnio modyfikowany: 05.07.2022, 00:52 przez KuczoR. Powód edycji: Błędy )
#1
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.

{$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]

<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>


Załączone pliki Miniatury
   
05.07.2022, 15:36 (Ten post był ostatnio modyfikowany: 05.07.2022, 15:40 przez Kamilz125.)
#2
Dodałem tabele i valign (pozycję) na dopasowaną, tutaj kod ten co wkleiłeś już po modyfikacji:


<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ć).
MojeSłowo - Twoje słowo w internecie, dołącz do dyskusji ;)
05.07.2022, 16:11
#3
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? 


Załączone pliki Miniatury
       
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
08.07.2022, 11:01
#4
(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:


<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ć).

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.

<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:
            <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:
            <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]


Załączone pliki Miniatury
       
[Obrazek: https://i.imgur.com/sK0cV9f.jpg]



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

1 gości