Skocz do zawartości
Forum komputerowe

[uPster] Statystyki forum. Dwie wersje. Poradnik MyBB.


Rekomendowane odpowiedzi

  • Ekspert

Statystyki forum

W panelu bocznym oraz na całe forum

Wersja nr. 1 (panel boczny)

HTML

Spoiler

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
    
<tr>
   <td class="sidebar_stats">
 <i class="fas fa-chart-bar"></i> Statystyki forum
   </td>
</tr>

<tr>
   <td class="bg_stats">
       <div class="bg_box">
               <ul class="stats_list">
                   <li class="stats_dr">
                       <div class="stats_dr_m text_md">
                           <b>Tematów</b>
                       </div>
                       <div class="stats">
                           <span class="stats_nmr">{$stats['numthreads']}</span>
                       </div>
                   </li>
                   <li class="stats_dr">
                       <div class="stats_dr_m text_md">
                           <b>Odpowiedzi</b>
                       </div>
                       <div class="stats">
                           <span class="stats_nmr">{$stats['numposts']}</span>
                       </div>
                   </li>
                   <li class="stats_dr">
                       <div class="stats_dr_m text_md">
                           <b>Użytkowników</b>
                       </div>
                       <div class="stats">
                           <span class="stats_nmr">{$stats['numusers']}</span>
                       </div>
                   </li>
                   <li class="stats_dr">
                       <div class="stats_dr_m text_md">
                           <b>Najwięcej online</b>
                       </div>
                       <div class="stats">
                           <span class="stats_nmr">{$mostonline['numusers']}</span>
                       </div>
                   </li>
           </ul>
                       <div class="stats_dr_m text_md">
                           <b>Najnowszy użytkownik</b>
                       </div>
                       <div class="stats">
                           <span class="username">{$newestmember}</span>
                       </div>
       </div>
   </td>
</tr>
</table>

CSS

Spoiler

.sidebar_stats {
    color: #ffffff;
    padding: 13px;
    font-size: 14px;
    background: #4e4e4e;
    box-shadow: 0px 3px 6px 3px #808080;
}

.bg_stats {
    background: #e0dddd1a;
}

.box_stats {
    box-sizing: border-box;
}

.stats_list {
    width: 100%;
    display: table;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}

.stats_dr {
    border-color: #252525;
    border-style: dashed;
    width: 100%;
    position: relative;
    border-width: 0 0 1px 0;
}

.stats_dr > .text_md {
    vertical-align: middle !important;
}

.stats_dr_m {
    width: 100%;
    margin: 0;
    display: table-cell;
    padding: 12px 10px;
}

.stats {
    text-align: right;
    list-style: none;
    display: table-cell;
    padding: 12px 10px;
    vertical-align: middle;
    width: 15%;
    min-width: 120px;
}

.stats_nmr {
    font-size: 22px;
    line-height: 1.3;
}

.username {
    font-size: 16px;
    line-height: 21px;
}

Wersja nr. 2 (cała strona)

HTML

Spoiler

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="f-stats">
<tbody style="{$collapsed['boardstats_e']}" id="boardstats_e">
    <tr>
<td class="belne">
    Statystyki forum
    </td>
    </tr>
<tr>
    <td class="bg-f-stats">
        
        <span class="bgstats-stat userstats">
        <span class="s_userstats">{$stats['numthreads']}</span><br /> 
        <span class="s_n_stats">Tematów</span>
        </span>
        
        <span class="bgstats-stat userstats">
        <span class="s_userstats">{$stats['numposts']}</span><br /> 
        <span class="s_n_stats">Odpowiedzi</span>
        </span>
        
        <span class="bgstats-stat userstats">
        <span class="s_userstats">{$stats['numusers']}</span><br /> 
        <span class="s_n_stats">Użytkowników</span>
        </span>
        
        <span class="bgstats-stat userstats">
        <span class="s_userstats">{$mostonline['numusers']}</span><br />  
        <span class="s_n_stats">Najwięcej online</span>
        </span>

        <span class="bgstats-stat newuser">
        <span class="s_newuser">{$newestmember}</span><br />  
        <span class="s_n_newuser">Najnowszy użytkownik</span>
        </span>
    </td>
</tr>
    </tbody>
</table>

CSS

Spoiler

.belne {
    padding: 10px;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    font-family: Arial;
    color: #5f5959;
    background: #dbdbdb;
    border-radius: 6px 6px 0px 0px;
}

.bgstats-stat {
    padding: 2px 10px;
    font-size: 13px;
}

.f-stats {
    width: 100%;
    margin: auto auto;
    font-size: 12px;
}

.bg-f-stats {
    text-align: center;
    background: #eaeaea !important;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.userstats {
    float: left;
    width: 11%;
    margin-left: 1%;
}

.s_userstats {
    font-size: 22px;
    line-height: 32px !important;
    font-weight: 300;
    color: #4a4949;
}

.s_n_stats {
    color: #4a4949;
    line-height: 20px;
}

.newuser {
    float: left;
    width: 43%;
    border-left: 1px solid lightgray;
}

.s_newuser {
    font-size: 22px;
    line-height: 32px !important;
    font-weight: 300;
}

.s_n_newuser {
    color: #4a4949;
    line-height: 20px;
}

 

Odnośnik do odpowiedzi
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Podobna zawartość

    • Przez ups
      [uPster] Przydatne linki. Poradnik MyBB. Tak sobie wrzucę :v
      HTML
      CSS
    • Przez ups
      Profil ala IPS do MyBB
      Przerobiony z poradnika od SimLay'a https://www.pecetowicz.pl/topic/profil-ala-ipb-w-mybb-88268/
      Przed zrobieniem tego zróbcie sobie kopie zapasowe tych szablonów
      Przejdź do ACP  Style i Szablony  Szablony  Twój szablon  Podgląd profilu i podmień ten szablony:
      member_profile
      member_profile_adminoptions
      member_profile_avatar
      member_profile_contact_details
      member_profile_customfields
      member_profile_customfields_field
      member_profile_email
      member_profile_findposts
      member_profile_modoptions
      member_profile_modoptions_banuser
      member_profile_modoptions_editprofile
      member_profile_modoptions_manageuser
      member_profile_modoptions_purgespammer
      member_profile_offline
      member_profile_online
      member_profile_pm
      member_profile_warninglevel
      Przejdź teraz do Style i Szablony > Style > Twój styl > global.css lub stwórz nowy arkusz > wklej całą zawartość tego kodu:
      Żeby zmienić tło w profilu przejdź do katalogu images i podmień grafikę o nazwie bg.jpg (może być to również inne rozszerzenie)
      Aby wyświetlała się taka reputacja jak na zdjęciu poniżej pobierz plik z załącznika
      Pobierz plik addtemplatefunctions.php i wgraj go do /inc/plugins, aby wszystko dobrze funkcjonowało
      Reputation levels.zip
      addtemplatefunction.php
      To już wszystko. No chyba, że o czymś zapomniałem...
    • Przez ups
      Ogłoszenia na forum
      Ogłoszenia na forum w których można zmieniać zdjęcie w tle
      Dzisiaj przedstawiam wam ogłoszenia na forum.
      Przechodzimy do Style i Szablony Szablony Twój szablon Strona główna index i wklejamy ten kod:
      Cofamy się do Style i Szablony i wybieramy Style Twój styl global.css lub utwórz nowy arkusz CSS i wklej ten kod:
      Teraz pobieramy plik z załącznika i wrzucamy do naszego serwera FTP
      oglimg.rar
      Jeśli chcemy mieć różne zdjęcia w tle, możemy podmienić link do zdjęć z kodu CSS powyżej na te, które są w folderze images/ogl lub wgrać własne.
      Natomiast, jeśli nie chcemy mieć żadnych zdjęć w tle, zostawiamy te linki jak są powyżej.
    • Przez ups
      DVZ Shoutbox
      Przeróbka DVZ Shoutbox by Devilshakerz
      Pierwsze co robimy to oczywiście pobieramy plik z załącznika wgrywamy do FTP (najlepiej przeciągnąć plik inc oraz jscripts do głównego katalogu, wtedy jest szybciej i wszystko zostanie wrzucone do odpowiednich folderów).
      Po wgranego do naszego FTP wchodzimy na nasze forum do panelu ACP i aktywujemy plugin.
      Po aktywowaniu pluginu tworzymy nowy arkusz [Style i Szablony > Style > Twój styl > Nowy arkusz], kopiujemy i wklejamy zawartość dvzshoutbox.css która znajduje się w pliku rar.
      Po tej akcji przechodzimy do [Style i Szablony > Szablony > Globalne szablony > dvz_shoutbox] i wklejamy:
      <div id="shoutbox" class="front{$classes}"> <div class="head"> <div class="thead-icon"><i class="fa ti-shoutbox" aria-hidden="true"></i></div> Chatbox <p class="right"> <a href="https://p4f-samp.eu/showthread.php?tid=356&pid=2079#pid2079" class="regsb"><i class="far fa-newspaper"></i> <span>Regulamin Chatbox'a</span></a> <a href="{$mybb->settings['bburl']}/index.php?action=shoutbox_archive" class="archivesb"><i class="far fa-trash-alt"></i> <span>Archwium</span></a> </p> </div> <div class="body"> <div class="warn"><i class="fa fa-exclamation-triangle"></i> Chatbox dostępny od 5 postów!</div> <div class="window" style="height: 307px;"> <div class="data"> {$html} </div> </div> {$panel} </div> <script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dvz_shoutbox.js"></script> {$javascript} </div> DVZ_Shoutbox edit by uPster.rar
×
×
  • Dodaj nową pozycję...