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

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

Statystyki użytkownika w panelu bocznym

Założony przez Tastey.

Witam, zaprezentuję Wam jak utworzyć bardzo prostą tabelkę, która wyświetla statystyki użytkownika w panelu bocznym.
Zaczynajmy!

1 Implementacja Font Awesome


Pierwszym krokiem będzie umieszczeniu kodu dla Font Awesome w headerinclude. Ścieżka: ACP -> Style i Szablony -> Szablony -> STYL -> Niezgrupowane szablony -> headerinclude

Na samym początku wstaw kod:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"

2 Edycja szablonu index


Drugim krokiem będzie dodanie poniższego kodu w szablon index. Ścieżka: ACP -> Style i Szablony -> Szablony -> STYL -> Strona Główna -> index

Znajdź:
{$forums

Zamień na:
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
 <
tr>
 <
td valign="top" style="padding-right: 20px" >
 {
$forums}
 
 </
td>
 <
td valign="top" width="24%">
 
 
           <table border="0" cellspacing="0" cellpadding="4" class="tborder">
 
               <tr>
 
                   <td class="thead"><strong>Twoje Statystyki</strong></td>
 
               </tr>
 
               <tr>
 <
td class="trow1">
 <
class="fa fa-user"></iNick: <b>{$mybb->user['username']}</b><br />
 <
class="fa fa-comments"></iIlość postów: <b>{$mybb->user['postnum']}</b><br />
 <
class="fa fa-plus"></iReputacja: <font color="green"><b>{$mybb->user['reputation']}</b></font><br />
 <
class="fa fa-paper-plane-o"></iAdres E-Mail: <b>{$mybb->user['email']}</b><br />
 <
class="fa fa-calendar-o"></iOstatnia wizyta: <b>{$lastvisit}</b><br />
 </
td>
 
               </tr>
 
           </table><br />
 </
td>
 </
tr>
</
table

Gotowe!
Jest to bardzo prosty sposób na utworzenie prostej tabeli ze statystykami użytkownika.
Pięknie, działa.
A jest może możliwość dodania obok tego swojego avataru?
(20.08.2017, 03:27)SzymuSS napisał(a): Pięknie, działa.
A jest może możliwość dodania obok tego swojego avataru?
W analogiczny sposób, dodając zmienną na avatar użytkownika.
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
(20.08.2017, 10:27)Fyeem napisał(a):
(20.08.2017, 03:27)SzymuSS napisał(a): Pięknie, działa.
A jest może możliwość dodania obok tego swojego avataru?
W analogiczny sposób, dodając zmienną na avatar użytkownika.

A jak to zrobić? :)
No np. nad <i class="fa fa-user"></i> Nick: <b>{$mybb->user['username']}</b><br /> dodaj zmienną na avatar użytkownika.
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
Działa, dzięki :)
Dobra robota ! :D
Jeżeli ma ktoś problem z poprawnym dodaniem kodu do sidebara, znajdujemy 
<div class="sidebar"><br/>
 
i dodajemy pod nim powyższy kod html (uprzednio usuwając {$forums} z kodu);

Z dopasowaniem do belek (tak jak ja to zrobiłem z forumowego theme):
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">


Zamieniamy na:

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


Drugą linijkę z 
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">

usuwamy.
MojeSłowo - Twoje słowo w internecie, dołącz do dyskusji ;)



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

1 gości