Panel boczny statystyki

**chrumcio** · (Ten post był ostatnio modyfikowany: 08.12.2017, 14:09 przez chrumcio.)

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> 

**Poftorek** · 08.12.2017, 14:30

Aha?

Nie wiem, o co chodzi, sprecyzuj czy coś.. :przytul:

**ThreeG** · (Ten post był ostatnio modyfikowany: 10.12.2017, 09:52 przez Łukasz Tkacz.)

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;

}

**chrumcio** · 08.12.2017, 14:48

(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

**Poftorek** · ~ Riess 13.11.2018 16:28

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.

**chrumcio** · 08.12.2017, 15:03

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

(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

**Poftorek** · 08.12.2017, 15:09

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

**chrumcio** · (Ten post był ostatnio modyfikowany: 08.12.2017, 23:11 przez Łukasz Tkacz.)

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.

**Poftorek** · 08.12.2017, 15:54

Trochę to przeszkadza

</li><li class="hint--top" data-hint="{$recorddate}, {$recordtime}">

**chrumcio** · 08.12.2017, 16:03

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.

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

Panel boczny statystyki

chrumcio

Poftorek

ThreeG

chrumcio

Poftorek

chrumcio

Poftorek

chrumcio

Poftorek

chrumcio

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

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie