Panel boczny statystyki

Założony przez  chrumcio.

08.12.2017, 14:05 (Ten post był ostatnio modyfikowany: 08.12.2017, 14:09 przez chrumcio.)
#1
Trochę przerobiłem kod, teraz mam panel po prawej stronie, a nie po lewej jak wcześniej. Więc dodałem sobie dodatkowy panel w którym mają się wyświetlać statystyki, dokładnie chodzi mi o to by wyświetlało
Postów
Tematów
Użytkowników
Rekord
Najnowszy użytkownik
Nie potrafię sobie z tym poradzi, aktualnie wygląda to paskudnie.
Edit:// szablon: index
<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}
 </div></div>

 <div id="content">
 <div class="wrapper">
<div class="side" style="float: right; width: 270px;">
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
 <tr>
 <td valign="top" width="170">
 <table border="0" cellspacing="0" cellpadding="4" class="tborder">
 <tr>
 <td class="thead"><strong>TYTUŁ BOXA</strong></td>
 </tr>
 <tr>
 <td class="trow1">
 <ul>
 <li><span class="liczby">{$stats['numposts']}</span><br><span class="nazwa">Postów</span></li>
 <li><span class="liczby">{$stats['numthreads']}</span><br><span class="nazwa">Tematów</span></li>
 <li><span class="liczby">{$stats['numusers']}</span><br><span class="nazwa">Użytkowników</span></li>
 <li class="hint--top" data-hint="{$recorddate}, {$recordtime}"><span class="liczby">{$mostonline['numusers']}</span><br><span class="nazwa">Rekord</span></li>
 <li><span class="liczby">$newestmember</span><br><span class="nazwa">Najnowszy użytkownik</span></li>
 </ul>
</td>
 </tr>
 </table><br />
 </td>
 </tr>
 
{$topStats['LastThreads']}
{$topStats['LastActiveThreads']}
</div>
<div class="forum" style="float: left; width: 1000px;">
{$dvz_shoutbox}
 <br>
{$forums}
</div> 
<br class="clear" />
{$boardstats}
{$footer}
</body>
</html> 
[Obrazek: https://i.imgur.com/kCbZ1pc.png]
08.12.2017, 14:30
#2
Aha?

   

Nie wiem, o co chodzi, sprecyzuj czy coś.. :przytul:
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.12.2017, 14:39 (Ten post był ostatnio modyfikowany: 10.12.2017, 09:52 przez Łukasz Tkacz.)
#3
Możesz to zrobić np w ten sposób:

<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}
</div></div>

<div id="content">
<div class="wrapper">
<div class="side" style="float: right; width: 270px;">
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" width="170">
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tr>
<td class="thead"><strong>TYTUŁ BOXA</strong></td>
</tr>
<tr>
<td class="trow1">
<ul class="forumstats">
<li><span class="liczby">{$stats['numposts']}</span><br><span class="nazwa">Postów</span></li>
<li><span class="liczby">{$stats['numthreads']}</span><br><span class="nazwa">Tematów</span></li>
<li><span class="liczby">{$stats['numusers']}</span><br><span class="nazwa">Użytkowników</span></li>
<li class="hint--top" data-hint="{$recorddate}, {$recordtime}"><span class="liczby">{$mostonline['numusers']}</span><br><span class="nazwa">Rekord</span></li>
<li><span class="liczby">$newestmember</span><br><span class="nazwa">Najnowszy użytkownik</span></li>
</ul>
</td>
</tr>
</table><br />
</td>
</tr>

{$topStats['LastThreads']}
{$topStats['LastActiveThreads']}
</div>
<div class="forum" style="float: left; width: 1000px;">
{$dvz_shoutbox}
<br>
{$forums}
</div>
<br class="clear" />
{$boardstats}
{$footer}
</body>
</html>

A do css dodaj
.forumstats{
 padding:0;
 margin:0
}
.forumstats li{
 text-align:center;
 margin-bottom:5px;
}
.liczby{
 color:#fff;
 font-size:18px;
}
08.12.2017, 14:48
#4
(08.12.2017, 14:30)Fyeem napisał(a): Nie wiem, o co chodzi, sprecyzuj czy coś..
To przeczytaj jeszcze raz całą zawartość postu, ale pójdę ci na rękę
(08.12.2017, 14:05)chrumcio napisał(a): Więc dodałem sobie dodatkowy panel w którym mają się wyświetlać statystyki
@ThreeG Teraz jest lepiej, tylko że chciał bym by to wyświetlało się tak
Cytat:Postów: 1
Tematów: 1
Użytkowników: 1
Rekord: 1
Najnowszy użytkownik: test
[Obrazek: https://i.imgur.com/kCbZ1pc.png]
08.12.2017, 14:53 (Ten post był ostatnio modyfikowany: 08.12.2017, 23:12 przez Łukasz Tkacz.)
#5
Oh, nie było tego panelu kiedy patrzyłem na stronę. Dostałeś gotowy kod, znajdź sobie ten moment i odpowiednio zmień kolejność, ale ok.. pójdę Ci na rękę - szukaj tego kodu:

<li><span class="liczby">{$stats['numposts']}</span><br><span class="nazwa">Postów</span></li>
<li><span class="liczby">{$stats['numthreads']}</span><br><span class="nazwa">Tematów</span></li>
<li><span class="liczby">{$stats['numusers']}</span><br><span class="nazwa">Użytkowników</span></li>
<li class="hint--top" data-hint="{$recorddate}, {$recordtime}"><span class="liczby">{$mostonline['numusers']}</span><br><span class="nazwa">Rekord</span></li>
<li><span class="liczby">$newestmember</span><br><span class="nazwa">Najnowszy użytkownik</span></li>


I wystarczy zamienić kolejność spana o klasie liczby ze spanem o klasie nazwa.
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.12.2017, 15:03
#6
(08.12.2017, 14:53)Fyeem napisał(a): Oh, nie było tego panelu kiedy patrzyłem na stronę.
Panel był cały czas, dlatego dodałem kod index do wglądu z panelem już :P
(08.12.2017, 14:53)Fyeem napisał(a): I wystarczy zamienić kolejność spana o klasie liczby ze spanem o klasie nazwa.
No dobra, eee tego nie jarzę co i jak :(
[Obrazek: https://i.imgur.com/kCbZ1pc.png]
08.12.2017, 15:09
#7
No to wyjaśnię Ci, nie ma problemu! :)

Masz sobie taką listę:
<ul class="forumstats">
<li><span class="liczby">{$stats['numposts']}</span><br><span class="nazwa">Postów</span></li>
<li><span class="liczby">{$stats['numthreads']}</span><br><span class="nazwa">Tematów</span></li>
<li><span class="liczby">{$stats['numusers']}</span><br><span class="nazwa">Użytkowników</span></li>
<li class="hint--top" data-hint="{$recorddate}, {$recordtime}"><span class="liczby">{$mostonline['numusers']}</span><br><span class="nazwa">Rekord</span></li>
<li><span class="liczby">$newestmember</span><br><span class="nazwa">Najnowszy użytkownik</span></li>
</ul>

Każdy <li>treść</li> to element listy.
W każdym elemencie listy znajdują się elementy liniowe - <span>treść</span>.
Każde span'y w/w mają klasę. Np. w ostatniej linijce:
<li><span class="liczby">$newestmember</span><br><span class="nazwa">Najnowszy użytkownik</span></li>
Masz otwarcie elementu listy, span z klasą liczby, zmienną na najnowszego usera, zamknięcie tego spana, przejście do nowej linii, znowu spana z klasą nazwa, zamknięcie tego spana, zamknięcie elementu listy.

Wiesz co jest czym, wystarczy przestawić.
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.12.2017, 15:43 (Ten post był ostatnio modyfikowany: 08.12.2017, 23:11 przez Łukasz Tkacz.)
#8
Może mi jeszcze ktoś pomóc z jedną rzeczą?
Nie wiem jak uporać się z rekord.
aktualnie mam tak

<li><span class="nazwa">Rekord: </span></li><li class="hint--top" data-hint="{$recorddate}, {$recordtime}"><span class="liczby">{$mostonline['numusers']}</span></li>

Kombinuję i nie wychodzi.
[Obrazek: https://i.imgur.com/kCbZ1pc.png]
08.12.2017, 15:54
#9
Trochę to przeszkadza :(
</li><li class="hint--top" data-hint="{$recorddate}, {$recordtime}">
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.12.2017, 16:03
#10
Zrobiłem tak
<li><span class="nazwa">Rekord: </span><span class="liczby">{$mostonline['numusers']}</span></li>

Zobaczę czy będzie działać tak z czasem.
[Obrazek: https://i.imgur.com/kCbZ1pc.png]



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

1 gości