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

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Zmiana wyglądu tabelki

Założony przez  vTECHv.

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

Chciałbym aby tabelki które tworzę wykorzystywały taki sam styl jak tabelki z TopStats .
Aby nie były czarne, a wyglądały tak samo jak te czerwone.

Tak rozpoczynam kod tej czarnej tabelki:
<div class="sidebar" style="float: right; width: 22%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

A tak wygląda kod czerwonych:

{$topStats['LastThreads']}
{$topStats['LastActiveThreads']}

{$topStats['MostViews']}
{$topStats['Posters']}
{$topStats['Reputation']}

{$topStats['Referrals']}
{$topStats['Timeonline']}

{$topStats['NewestUsers']}



[Obrazek: bez-nazwy_57506487d8e3c.png]

//Edit
Niektóre z tych czerwonych
Np.
{$topStats['MostViews']}


Nie działają.
Da się jakoś je uruchomić?
Tryyy it, broo.
Cytat://Edit
Niektóre z tych czerwonych
Np.
{$topStats['MostViews']}

Nie działają.
Da się jakoś je uruchomić?

Da się, ustawienia pluginu w ACP.

Tak zaczynaj każdą tabelkę (czarną).
<table class="tborder" border="0" cellpadding="5" cellspacing="0">
 
           <tbody><tr><td class="thead" colspan="1"><strong>Tytuł</strong></td></tr>

 
           <tr><td class="trow1">ZAWARTOŚĆ TABELKI</tr>
</
tbody></table
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
Uruchamiasz w panelu administratora co ma być aktywne a co nie.
I to nie jest kod tych tabel, a kod wywołania. W szablonach globalnych znajdziesz kod poszczególnych tabelek + poradnik z podpisu do odszukania ich po nazwach.
https://i.imgur.com/NHapJkM.png
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
Mam taki problem że jak zmieniłem te czarne na czerwone (poprawiłem jeszcze kod wysłany przez @"Fyeem")  to między tabelkami nie ma "odstępu" + tabelki od TopStat i te niżej zjechały na dół strony :c

Jak to wygląda można zobaczyć na tutaj ( http://noxxerteam.fragowicze.com.pl/ )
Mógłby mi ktoś wskazać gdzie co pomyliłem?

Cały kod:


<html>
<head>
<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}
{$dvz_shoutbox}
<div class="forums" style="float: left; width: 76%;">


{$yuishout}
{$forums}</div>






<br>
<table class="tborder" border="0" cellpadding="5" cellspacing="0" style="float: right; width: 22%;">
           <tbody><tr><td class="thead" colspan="1"><strong>NoxxerTeam</strong><div class="float_right" style="padding-top: 3px;"><i class="fa fa-newspaper-o"></i></div></td></tr>

           <tr><td class="trow">


rfawdadaw

</td>
</tr>
</tbody>
</table>
<br>




<br>
<table class="tborder" border="0" cellpadding="5" cellspacing="0" style="float: right; width: 22%;">
           <tbody><tr><td class="thead" colspan="1"><strong>NoxxerTeam</strong><div class="float_right" style="padding-top: 3px;"><i class="fa fa-newspaper-o"></i></div></td></tr>

           <tr><td class="trow">
            <span class="smalltext">
                <strong><center>Witaj na naszym forum przybyszu!</center></strong>

<center><div id="404cl_d">trwa inicjalizacja, prosze czekac...</div><script type="text/javascript" src="http://404bajery.pl/clock_dig/clock.php?bgcolor=FFFFFF&mode=true&szerokosc=250&styl=4"></script></center>
            </span>
</td>
</tr>
</tbody>
</table>
<br>








<br>
<table class="tborder" border="0" cellpadding="5" cellspacing="0" style="float: right; width: 22%;">
           <tbody><tr><td class="thead" colspan="1"><strong>Kontakt z ekipą</strong><div class="float_right" style="padding-top: 3px;"><i class="fa fa-bullhorn" aria-hidden="true"></i></div></td></tr>

           <tr><td class="trow3">
<!-- KONTAKT Z ADMINISTRACJA --->

           <br>

         </center>
         <img src="http://noxxerteam.fragowicze.com.pl/upload/files/avatar300x300_575048ef60d65.png" alt="" style="border: 1px solid #444;
padding: 1px;float: left;width:50px; height:50px;margin-right: 5px;">
         <span style="float: left;">
<a href="http://noxxerteam.fragowicze.com.pl/member.php?action=profile&uid=2"><span style="color:   RED; font-weight: bold;">vTECHv - Przewodniczący</span></span>
         <br>
         </a>
         <a href="http://noxxerteam.fragowicze.com.pl/member.php?action=profile&uid=2">
<i class="fa fa-envelope-square" aria-hidden="true"></i>

         </a>
         <a href="http://noxxerteam.fragowicze.com.pl/private.php?action=send&uid=2">Wyślij wiadomość.</a>
         <span style=" float:left; ">
<img src="http://status.gadu-gadu.pl/users/status.asp?id=55324958&amp;styl=1" alt="GG: 55324958" style="margin-top:2px;width:14px;margin-bottom:-2px;" border="0">
<span style="color:#fff">GaduGadu:</span>
         <a href="gg:55324958">55324958</a>
         </span>



         <center>
           <p style="color:#4A4A4A;">___________________________</p>
         </center>

         <img src="http://noxxerteam.fragowicze.com.pl/uploads/avatars/avatar_8.png?dateline=1462474961" alt="" style="border: 1px solid #444;
padding: 1px;float: left;width:50px; height:50px;margin-right: 5px;">
         <span style="float: left;">
<a href="http://noxxerteam.fragowicze.com.pl/member.php?action=profile&uid=8"><span style="color:  #00ff00; font-weight: bold;">Luz- Przewodnicząca</span></span>
         <br>
         </a>
         <a href="http://noxxerteam.fragowicze.com.pl/member.php?action=profile&uid=8">
<i class="fa fa-envelope-square" aria-hidden="true"></i>

         </a>
         <a href="http://noxxerteam.fragowicze.com.pl/private.php?action=send&uid=8">Wyślij wiadomość.</a>
         <span style=" float:left; ">




         <center>
           <p style="color:#4A4A4A;">___________________________</p>
         </center>

         <img src="http://noxxerteam.fragowicze.com.pl/images/default_avatar.png" alt="" style="border: 1px solid #444;
padding: 1px;float: left;width:50px; height:50px;margin-right: 5px;">
         <span style="float: left;">
<a href="http://noxxerteam.fragowicze.com.pl/member.php?action=profile&uid=3"><span style="color:   #740000; font-weight: bold;">Ver - Przewodnicząca</span></span>
         <br>
         </a>
         <a href="http://noxxerteam.fragowicze.com.pl/member.php?action=profile&uid=3">
<i class="fa fa-envelope-square" aria-hidden="true"></i>

         </a>
         <a href="http://noxxerteam.fragowicze.com.pl/private.php?action=send&uid=3">Wyślij wiadomość.</a>
         <span style=" float:left; ">




         <center>
           <p style="color:#4A4A4A;">___________________________</p>
         </center>

         <img src="http://noxxerteam.fragowicze.com.pl/uploads/avatars/avatar_18.jpg?dateline=1464546443" alt="" style="border: 1px solid #444;
padding: 1px;float: left;width:50px; height:50px;margin-right: 5px;">
         <span style="float: left;">
<a href="http://noxxerteam.fragowicze.com.pl/member.php?action=profile&uid=18"><span style="color:   #2E5CA0; font-weight: bold;">Hwesta - Przewodnicząca</span></span>
         <br>
         </a>
         <a href="http://noxxerteam.fragowicze.com.pl/member.php?action=profile&uid=18">
<i class="fa fa-envelope-square" aria-hidden="true"></i>

         </a>
         <a href="http://noxxerteam.fragowicze.com.pl/member.php?action=send&uid=18">Wyślij wiadomość.</a>
         <span style=" float:left; ">





         <center>
           <p style="color:#4A4A4A;">___________________________</p>
         </center>













</tr>
</tbody></table>


<br>









<br>
<table class="tborder" border="0" cellpadding="5" cellspacing="0" style="float: right; width: 22%;">
           <tbody><tr><td class="thead" colspan="1"><strong>Radyjko</strong><div class="float_right" style="padding-top: 3px;"><i class="fa fa-music" aria-hidden="true"></i></div></td></tr>

           <tr><td class="trow1">


            <span class="smalltext">
                <center><a id="onlineRadioLink" href="http://radiotuna.com/electro-radio">electro radio</a><script type="text/javascript" src="http://radiotuna.com/OnlineRadioPlayer/EmbedRadio?playerParams=%7B%22styleSelection0%22%3A176%2C%22styleSelection1%22%3A28%2C%22styleSelection2%22%3A78%2C%22textColor%22%3A0%2C%22backgroundColor%22%3A15592941%2C%22buttonColor%22%3A16744626%2C%22glowColor%22%3A16744626%2C%22playerSize%22%3A240%2C%22playerType%22%3A%22style%22%7D&width=240&height=292"></script></center>
            </span>
        </td>
</tr>
</tbody></table>

<br>


{$topStats['LastThreads']}
{$topStats['LastActiveThreads']}

{$topStats['MostViews']}
{$topStats['Posters']}
{$topStats['Reputation']}

{$topStats['Referrals']}
{$topStats['Timeonline']}

{$topStats['NewestUsers']}

   
    
    
    
    
    
    <br />
    
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
    <tr>
        <td class="thead_2">
            <strong>Kto jest online</strong>
            <div class="float_right" style="padding-top: 3px;"><i class="fa fa-child"></i></div>
        </td>
    </tr>
    <tr>
        <td class="trow1">
            {$whosonline}
        </td>
    </tr>
</table>
    
    <br />
    
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
    <tr>
        <td class="thead_2">
            <strong>Statystyki</strong>
            <div class="float_right" style="padding-top: 3px;"><i class="fa fa-line-chart"></i></div>
        </td>
    </tr>
    <tr>
        <td class="trow1">
            {$forumstats}
        </td>
    </tr>
</table>
    
</div>

<br class="clear" />
{$boardstats}



<script language="javascript" type="text/javascript">
<!--
var T = "Forum";
var s = 0;
var sT = null;
function A() {
s++;
if (s > 25) { s = 1;}
if (s == 1) { document.title = '|: NoxxerTeam :::::::::::::| '+T+' '; }
if (s == 2) { document.title = '|:: NoxxerTeam ::::::::::::| '+T+' '; }
if (s == 3) { document.title = '|::: NoxxerTeam :::::::::::| '+T+' '; }
if (s == 4) { document.title = '|:::: NoxxerTeam ::::::::::| '+T+' '; }
if (s == 5) { document.title = '|::::: NoxxerTeam :::::::::| '+T+' '; }
if (s == 6) { document.title = '|:::::: NoxxerTeam ::::::::| '+T+' '; }
if (s == 7) { document.title = '|::::::: NoxxerTeam :::::::| '+T+' '; }
if (s == 8) { document.title = '|:::::::: NoxxerTeam ::::::| '+T+' '; }
if (s == 9) { document.title = '|::::::::: NoxxerTeam :::::| '+T+' '; }
if (s == 10) { document.title = '|::::::::: NoxxerTeam :::::| '+T+' '; }
if (s == 11) { document.title = '|:::::::::: NoxxerTeam ::::| '+T+' '; }
if (s == 12) { document.title = '|::::::::::: NoxxerTeam :::| '+T+' '; }
if (s == 13) { document.title = '|:::::::::::: NoxxerTeam ::| '+T+' '; }
if (s == 14) { document.title = '|::::::::::::: NoxxerTeam :| '+T+' '; }
if (s == 15) { document.title = '|:::::::::::: NoxxerTeam ::| '+T+' '; }
if (s == 16) { document.title = '|::::::::::: NoxxerTeam :::| '+T+' '; }
if (s == 17) { document.title = '|:::::::::: NoxxerTeam ::::| '+T+' '; }
if (s == 18) { document.title = '|::::::::: NoxxerTeam :::::| '+T+' '; }
if (s == 19) { document.title = '|:::::::: NoxxerTeam ::::::| '+T+' '; }
if (s == 19) { document.title = '|::::::: NoxxerTeam :::::::| '+T+' '; }
if (s == 20) { document.title = '|:::::: NoxxerTeam ::::::::| '+T+' '; }
if (s == 21) { document.title = '|::::: NoxxerTeam :::::::::| '+T+' '; }
if (s == 22) { document.title = '|:::: NoxxerTeam ::::::::::| '+T+' '; }
if (s == 23) { document.title = '|::: NoxxerTeam :::::::::::| '+T+' '; }
if (s == 24) { document.title = '|:: NoxxerTeam ::::::::::::| '+T+' '; }
if (s == 25) { document.title = '|: NoxxerTeam :::::::::::::| '+T+' '; }
sT = setTimeout("A()", 100);
}
A();

//-->
</script>


{$footer}
</body>
</html>
Tryyy it, broo.
Pierwsza opcja: nadaj tabelkom float: right i width.
Druga opcja (lepsza): zamknij je wszystkie w kontenerze, ktory bedzie mial ustalony float: right i width (dlugosc div.forums minus dlugosc div.sidebar, ktory zrobisz; mozesz go nazwac niemalze dowolnie).
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Według tego kodu który podał Fyeem stworzyłem sobie taki wzór tabelki
I on właśnie nie działa
Co jest źle?

<br>
<table class="tborder" border="0" cellpadding="5" cellspacing="0" style="float: right; width: 22%;">
           <tbody><tr><td class="thead" colspan="1"><strong>NoxxerTeam</strong><div class="float_right" style="padding-top: 3px;"><i class="fa fa-newspaper-o"></i></div></td></tr>

           <tr><td class="trow">

Treść

</td>
</tr>
</tbody>
</table>
<br>
Tryyy it, broo.
Wystarczy dodać po zamknięciu tabeli <br />

<table class="tborder" border="0" cellpadding="5" cellspacing="0">
            <
tbody><tr><td class="thead" colspan="1"><strong>Tytuł</strong></td></tr>

            <
tr><td class="trow1">ZAWARTOŚĆ TABELKI</tr>
</
tbody></table

Poza tym, ta pierwsza tabelka (czerwona) Nexxer team nie jest objęta divem sidebaru.
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
Tak jest źle :P

Gdy mam tak to nie ma między nimi przerwy:

<br>
<table class="tborder" border="0" cellpadding="5" cellspacing="0" style="float: right; width: 22%;">
           <tbody><tr><td class="thead" colspan="1"><strong>NoxxerTeam</strong><div class="float_right" style="padding-top: 3px;"><i class="fa fa-newspaper-o"></i></div></td></tr>

           <tr><td class="trow">

Treść

</td>
</tr>
</tbody>
</table>
<br />


<br>
<table class="tborder" border="0" cellpadding="5" cellspacing="0" style="float: right; width: 22%;">
           <tbody><tr><td class="thead" colspan="1"><strong>NoxxerTeam</strong><div class="float_right" style="padding-top: 3px;"><i class="fa fa-newspaper-o"></i></div></td></tr>

           <tr><td class="trow">

Treść

</td>
</tr>
</tbody>
</table>
<br />


<br>
<table class="tborder" border="0" cellpadding="5" cellspacing="0" style="float: right; width: 22%;">
           <tbody><tr><td class="thead" colspan="1"><strong>NoxxerTeam</strong><div class="float_right" style="padding-top: 3px;"><i class="fa fa-newspaper-o"></i></div></td></tr>

           <tr><td class="trow">

Treść

</td>
</tr>
</tbody>
</table>
<br />
Tryyy it, broo.
No cóż.. Nie wiadomo, zrób backupa tego indexa co masz i wgraj ten.
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
Dobra na razie zostawmy te tabelki ^^
Teraz odnośnie TopStats
Mam włączone WSZYSTKIE a są tylko

Najnowsze tematy
Najwięcej wyświetlane
Top 5 Piszących
Top 5 Reputacji
Top 5 zarejestrowanych

A reszty nie ma :c
W kodzie mam dodane wszystkie

{$topStats['LastThreads']}
{$topStats['LastActiveThreads']}

{$topStats['MostViews']}
{$topStats['Posters']}
{$topStats['Reputation']}

{$topStats['Referrals']}
{$topStats['Timeonline']}

{$topStats['NewestUsers']}


//EDIT!
Problem tabelki rozwiązany

           <br>
           <div class="sidebar" style="float: right; width: 22%;">
           <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
           <tr><td class="thead" colspan="1"><strong>TYTUŁ</strong></td></tr>
           <tr><td class="trow1">ZAWARTOŚĆ TABELKI</tr>
           </table><br /></div>
Tryyy it, broo.



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

3 gości