Statistici personalizare

Salut, cum as putea sa fac si eu asa statisticile ? Ca pe IPB gen

Inlocuiti template-ul index_body cu:

Cod:

{JAVASCRIPT}

<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                  <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                  <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                          <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                          <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                  <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                  <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                          <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                          <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->


<!-- BEGIN disable_viewonline -->
<tr>
<table class="forumline" width="55%" align="right" border="0" cellspacing="1" cellpadding="0">
<td class="catHead" colspan="2" height="28">
  <b>Detalii Forum</b></a></span>         
              </span>
  </tr>
 
<tr>
 <td class="row1"><span class="gensmall">
<img src="http://i48.servimg.com/u/f48/16/68/66/37/gnome-10.png" border="0" alt="" /> <strong>Versiune forum instalata : <font color="openblue"> PhpBB2 </strong></font></td></span>
</tr>

<tr>
 <td class="row1"><span class="gensmall">
<strong><img src="http://i47.servimg.com/u/f47/15/67/84/32/on10.png" border="0" alt="" />Fondator-ul comunitatii  este  <font color="red"> H4cK4R*uL</strong></font></td></span>
</tr>

  <tr>
<td class="row1"><span class="gensmall">
<img src="http://cdn4.iconfinder.com/data/icons/fugue/icon/calendar-task.png" border="0" alt="" /><strong> Comunitatea a fost infiintata in data de <font color="openblue">7 Noiembrie 2012 - 13:51</font></strong>
</td>
</tr>
 
    <tr>
<td class="row1"><span class="gensmall">
<img src="http://i48.servimg.com/u/f48/16/68/66/37/icon-110.png" border="0" alt="" />
<strong>Citeste <a href="http://real-arena.all-up.com/">Regulamentul comunitatii si Termenii de utilizare</strong></a></td></span>
</tr>

 
<table class="forumline" width="45%" border="0" cellspacing="1" cellpadding="0">

      <td class="catHead" colspan="2" height="28">
    <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
 
  </tr>
   
<tr>
 <td class="row1"><span class="gensmall">
<strong><img src="http://i47.servimg.com/u/f47/15/67/84/32/on10.png" border="0" alt="" /> {TOTAL_USERS_ONLINE}  </td></span>
</tr>

<tr>
 <td class="row1"><span class="gensmall">
<strong><img src="http://i48.servimg.com/u/f48/16/68/66/37/i_icon10.png" border="0" alt="" /> {TOTAL_POSTS} | {TOTAL_USERS}</td></span>
</tr>

<tr>
 <td class="row1"><span class="gensmall">
<strong><img src="http://i48.servimg.com/u/f48/16/68/66/37/images16.jpg" border="0" alt="" /> Recordul de utilizatori conectati a fost de 646, Sambata 02.03.2013</td></span>
</tr>

<tr>
 <td class="row1"><span class="gensmall">
<strong><img src="http://i48.servimg.com/u/f48/16/68/66/37/new_po10.png" border="0" alt="" /> {NEWEST_USER} <img src="http://i48.servimg.com/u/f48/17/38/19/69/89223210.gif" border="0" alt="" /></td></span>
</tr>
   
 
  <table class="forumline" width="100%" align="right" border="0" cellspacing="1" cellpadding="0">
<td class="catHead" colspan="2" height="28">
  <b>Utilizatori | Staff</b></a></span>           
              </span>
</tr>
  <td class="row1"><span class="gensmall">  {LOGGED_IN_USER_LIST}</td></span>
<tr>
<div class="adds2"><span style="font-size: 11px; line-height: normal"> <strong>{L_CONNECTED_MEMBERS}</strong></span></div><br/>
<tr>
<td class="row3"><span class="gensmall">Staff {GROUP_LEGEND}</td></span>
<tr>
 
 
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
http://<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
http://]]>
</script>
<!-- END switch_fb_index_login -->

Nu ai inteles ... Nu doresc ca statisticile sa fie pe 2 coloane , vreau doar ce e deasupra la Kill-arena # Cine este conectat !

Total posturi Topicuri Membri inregistrati Membru nou

Adaugi in CSS:

Cod:

.statsPers {
list-style: none;
display: block;
margin: 0 auto;
width: 100%;
}

Iar in index_body:

Cod:

 <div id="statistics">
      <br />
      <ul class="statsPers">
          <li class="statHide rdtOn">Recorde de Usuários Online: {RECORD_USERS}</li>
          <li class="statHide lastUser">Membro Mais Novo: {NEWEST_USER}</li>
          <li class="statHide totalUser">Membros: {TOTAL_USERS}</li>
          <li class="statHide totalPost">Posts: {TOTAL_POSTS}</li>
      </ul>
      <br />
    </div>
    <script type="text/javascript">
    //<![CDATA[
    $(document).ready(function () {
     var rdtOn = $('.rdtOn strong').html();
     var lastUser = $('.lastUser strong').html();
     var totalUser = $('.totalUser strong').html();
     var totalPost = $('.totalPost strong').html();
      var sHtml = '<li><span>' + totalPost + '</span> Mesaje</li>'+
          '<li><span>' + totalUser + '</span> Membri</li>'+
          '<li><span>' + lastUser + '</span> Cel mai nou membru</li>'+
          '<li><span>' + rdtOn + '</span> Record de membri online</li>';
        
     $('ul.statsPers').prepend(sHtml);
    });
    //]]>
    </script>

Versiunea forumului este PHPBB2

Intrati in template-ul index_body si cautati:

Cod:

<!-- BEGIN disable_viewonline -->

apoi adaugati inaintea lui:

Cod:

 <div id="stats">
                      <br />
                      <ul class="statsPers">
                        <li class="statHide rdtOn">{RECORD_USERS}</li>
                        <li class="statHide lastUser">{NEWEST_USER}</li>
                        <li class="statHide totalUser">{TOTAL_USERS}</li>
                        <li class="statHide totalPost">{TOTAL_POSTS}</li>
                      </ul>
                  <br />
            
              </div>

Apoi creati un nou JS:

Cod:

$(document).ready(function(){
    var rdtOn = $('.rdtOn strong').html();
    var lastUser = $('.lastUser strong').html();
    var totalUser = $('.totalUser strong').html();
    var totalPost = $('.totalPost strong').html();
    $('ul.statsPers').prepend('
    <li><span>'+totalPost+'</span> Total posts</li>
    <li><span>'+totalUser+'</span> Total members</li>
    <li><span>'+lastUser+'</span> Newest member</li>
    <li><span>'+rdtOn+'</span> Most online</li>
    ');
    });

Amplasare: Index

CSS:

Cod:

   #stats {
    margin: 0 auto !important;
    text-align: center !important;
    display: table;
    background: none;
    }Łpanda_selector_1424898458137_2_m_pandaŁ{display:none !important;}
    .statsPers li span a {
    text-decoration: none !important;
    }
    .statsPers li > span {
    padding: 5px 8px;
    background: #E1E1E1;
    box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    -o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    border: 1px solid #E1E1E1;
    margin-bottom: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    text-shadow: 1px 1px 0 white;
    color: #111;
    font-weight: 700;
    }
    .statsPers li {
    float: left;
    color:#666;
    margin: 2px 10px;
    }
    .statsPers {
    list-style: none;
    display: block;
    margin: 0px auto;
    width: 100%;
    }