Detalhes da questão

Endereço do fórum: http://www.bpfsamp.com
Versão do fórum: PunBB

Descrição

Olá gostaria colocar os "Membros conectados nas últimas 24 horas" e e colocar essa caixa de Estatísticas do Fórum "Registrados" "Posts" "Membro mais novo" etc..

OBS: JÁ TENTEI ATIVAR PELO PAINEL OS ULTIMOS 24HRS LOGADOS

PRINT:


Meu overall_footer_begin

Código:

<!-- BEGIN html_validation -->
<div>
  <div>
      <div>
        <div>
            <div>
              <div>
                  <div>
                    <div>
<!-- END html_validation -->
                    </div>
                  </div>
              </div>
            </div>
        </div>
        <div id="{ID_RIGHT}">
            <!-- BEGIN giefmod_index2 -->
            {giefmod_index2.MODVAR}
            <!-- BEGIN saut -->
            <div style="height:{SPACE_ROW}px"></div>
            <!-- END saut -->
            <!-- END giefmod_index2 -->
        </div>
      </div>
  </div>
</div>
<div id="pun-foot">
 
  <div id="pun-about" class="clearfix">
 
      <ul>
        <li>
<!-- BEGIN html_validation -->
        </li>
      </ul>
  </div>
</div>
<!-- END html_validation -->

meu index_body

Código:

<style>
  .tc1, .tcr, .pun table.table td {
  background: none !important;
  border: none !important;
}
.tc2, .tc3 {
    /* background: none !important; */
    border: none !important;
    color: #737C8D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    text-align: center;
}
  #onlinelist .legend p {font-size:0;}
#onlinelist .legend p a {font-size: 11px!important;padding:2px;}
  #onlinelist .legend p a {margin:-138px;margin-left:140px;}
        #onlinelist .legend p {margin-top:-7px;}
.tc2:after {
    display: block;
    content: "Tópicos";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
        font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}
    .tc3:after {
  display: block;
  content: "Mensagens";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}

.pun .statused tr {
    background: #FFFFFF;
    border: 1px solid #ddd;
}

.main .main-content {
    background: #FFF;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    margin: 0;
    padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}
</style>
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
 <ul>
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
 <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
 </ul>
 <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
 <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
 <!-- BEGIN message_admin_titre -->
 <div class="main-head">
 <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
 </div>
 <!-- END message_admin_titre -->

 <!-- BEGIN message_admin_txt -->
 <div id="pun-announcement">
 <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
 </div>
 <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form main-box center">
 <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
 <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 <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>
 <!-- END switch_fb_connect -->
 </div>
</form>
</div>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}

<div class="module main fa-user-list">
  <div class="main-head">
      <div class="h3">
        <em class="fa fa-user"></em>   
        <b>{TOTAL_USERS_ONLINE}</b>
      </div>
  </div>
  <div class="main-content clearfix">
      {LOGGED_IN_USER_LIST}
  </div>
</div>

<div class="module main fa-group-list">
  <div class="main-head">
      <div class="h3">
        <em class="fa fa-users"></em>   
        <b>Grupos do fórum</b>
      </div>
  </div>
  <div class="main-content clearfix">
      {GROUP_LEGEND}
  </div>
</div>

<div class="module main fa-birthday-list">
  <div class="main-head">
      <div class="h3">
        <em class="fa fa-calendar"></em>   
        <b>Aniversariantes</b>
      </div>
  </div>
  <div class="main-content clearfix">
      {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
  </div>
</div>



<!-- ESTATÍSTICAS IPB -->

<style>
.ipsWidget.ipsBox:not(.ipsBox_transparent) {
    list-style-type: none;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #dadada;
}
.ipsWidget_title {
    color: #fff !important;
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-bottom: 3px solid #2a94dc;
    padding: 11px 15px;
    font-size: 12px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.ipsPad {
        padding: 15px;
}
.demo td:last-child {
        width: 40% !important;
}
.ipsType_large, ipsType_minorHeading {
        color: #666666 !important;
        font-size: 20px;
}
ipsType_minorHeading {
        font-size: 10px !important;
}
.ipsType_light.ipsType_medium, #dataReg {
        color: #a4a4a4 !important;
}

.ipsType_center {
        padding-bottom: 10px;
        text-align: center !important;
        padding-top: 30px;
        height: 50px;
        margin-top: 0px;
}
.cNewestMember {
        margin-top: 20px;
        border-left: 1px solid silver;
}
.cNewestMember img {
        margin-top: -10px;
        border-radius: 50px;
        height: 44px;
        width: 44px;
        float: left;
        padding: 10px;
}
    .demo {
        width: 100%;
        height: 55px;
        border: 0px solid;
        border-collapse: separate;
        border-spacing: 1px;
    }
   
    .demo th {
        border: 0px solid;
    }
   
    .demo td {
        border: 0px solid;
    }
  span.legend  {
  width: 70%;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 15px 18px 15px 15px!important;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}
.legend_group {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
    margin-left:110px!important;
    margin-top:-25px!important;
  margin: 0 5px;
  font-style: normal;
  position:absolute;
  font-weight: normal;
} 
.legend_group {
text-align: center !important;
width: 61% !important;
}
</style>
<!-- FIM ESTATÍSTICAS IPB -->
                 
               


<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form main-box center">
 <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
 <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 <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>
 <!-- END switch_fb_connect -->
 </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->

<!-- END switch_legend -->

{AUTO_DST}

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

forum onde eu vi: site.brasilplayshox.com.br/forum

UP

UP

Troque o index_body por esse:

Código:

<style>
  .tc1, .tcr, .pun table.table td {
  background: none !important;
  border: none !important;
}
.tc2, .tc3 {
    /* background: none !important; */
    border: none !important;
    color: #737C8D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    text-align: center;
}
  #onlinelist .legend p {font-size:0;}
#onlinelist .legend p a {font-size: 11px!important;padding:2px;}
  #onlinelist .legend p a {margin:-138px;margin-left:140px;}
        #onlinelist .legend p {margin-top:-7px;}
.tc2:after {
    display: block;
    content: "Tópicos";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
        font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}
    .tc3:after {
  display: block;
  content: "Mensagens";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}

.pun .statused tr {
    background: #FFFFFF;
    border: 1px solid #ddd;
}

.main .main-content {
    background: #FFF;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    margin: 0;
    padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}
</style>
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
 <ul>
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
 <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
 </ul>
 <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
 <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
 <!-- BEGIN message_admin_titre -->
 <div class="main-head">
 <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
 </div>
 <!-- END message_admin_titre -->

 <!-- BEGIN message_admin_txt -->
 <div id="pun-announcement">
 <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
 </div>
 <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form main-box center">
 <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
 <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 <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>
 <!-- END switch_fb_connect -->
 </div>
</form>
</div>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}

<div class="module main fa-user-list">
  <div class="main-head">
      <div class="h3">
        <em class="fa fa-user"></em>   
        <b>{TOTAL_USERS_ONLINE}</b>
      </div>
  </div>
  <div class="main-content clearfix">
      {LOGGED_IN_USER_LIST}
    
     {L_ONLINE_USERS}
     {L_CONNECTED_MEMBERS}
  </div>
</div>

<div class="module main fa-group-list">
  <div class="main-head">
      <div class="h3">
        <em class="fa fa-users"></em>   
        <b>Grupos do fórum</b>
      </div>
  </div>
  <div class="main-content clearfix">
      {GROUP_LEGEND}
  </div>
</div>

<div class="module main fa-birthday-list">
  <div class="main-head">
      <div class="h3">
        <em class="fa fa-calendar"></em>   
        <b>Aniversariantes</b>
      </div>
  </div>
  <div class="main-content clearfix">
      {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
  </div>
</div>



<!-- ESTATÍSTICAS IPB -->

<style>
.ipsWidget.ipsBox:not(.ipsBox_transparent) {
    list-style-type: none;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #dadada;
}
.ipsWidget_title {
    color: #fff !important;
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-bottom: 3px solid #2a94dc;
    padding: 11px 15px;
    font-size: 12px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.ipsPad {
        padding: 15px;
}
.demo td:last-child {
        width: 40% !important;
}
.ipsType_large, ipsType_minorHeading {
        color: #666666 !important;
        font-size: 20px;
}
ipsType_minorHeading {
        font-size: 10px !important;
}
.ipsType_light.ipsType_medium, #dataReg {
        color: #a4a4a4 !important;
}

.ipsType_center {
        padding-bottom: 10px;
        text-align: center !important;
        padding-top: 30px;
        height: 50px;
        margin-top: 0px;
}
.cNewestMember {
        margin-top: 20px;
        border-left: 1px solid silver;
}
.cNewestMember img {
        margin-top: -10px;
        border-radius: 50px;
        height: 44px;
        width: 44px;
        float: left;
        padding: 10px;
}
    .demo {
        width: 100%;
        height: 55px;
        border: 0px solid;
        border-collapse: separate;
        border-spacing: 1px;
    }
   
    .demo th {
        border: 0px solid;
    }
   
    .demo td {
        border: 0px solid;
    }
  span.legend  {
  width: 70%;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 15px 18px 15px 15px!important;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}
.legend_group {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
    margin-left:110px!important;
    margin-top:-25px!important;
  margin: 0 5px;
  font-style: normal;
  position:absolute;
  font-weight: normal;
} 
.legend_group {
text-align: center !important;
width: 61% !important;
}
</style>
<!-- FIM ESTATÍSTICAS IPB -->
                 
               


<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form main-box center">
 <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
 <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 <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>
 <!-- END switch_fb_connect -->
 </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->

<!-- END switch_legend -->

{AUTO_DST}

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

Quanto a caixa, siga o tutorial (no seu caso, coloque o código abaixo do {BOARD_INDEX}):

Estatísticas personalizada

Agora podemos personalizar as estatísticas com um modelo diferente. Deixando a quantidade de números de cada informação em um quadro pequeno. Estatísticas personalizada TUTORIAIS, DICAS E ASTÚCIAS Editando o template: (carregue na imagem para aumentar) PHPBB3 Procurar por: Código: <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" /> <p>{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS} <br /> {LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}<br /> {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK} <br /> <em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em> </p> <div class="clear"></div> Alterar por: Código: <div id="stats">     <br />     <ul class="statsPers">         <li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>         <li class="statHide lastUser">Teste2: {NEWEST_USER}</li>         <li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>         <li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>     </ul>     <br /> </div> <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" /> <br /> {LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS} <br /> {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK} <br /> <em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em> <div class="clear"></div> PHPBB2 Procurar por Código: <tr>  <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>  <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />  {TOTAL_USERS}<br />  {NEWEST_USER}</span></td>  </tr>  <tr>  <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />  {RECORD_USERS}<br />  <br />  {LOGGED_IN_USER_LIST}</span></td>  </tr> Alterar Código: <div id="stats">     <br />     <ul class="statsPers">         <li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>         <li class="statHide lastUser">Teste2: {NEWEST_USER}</li>         <li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>         <li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>     </ul>     <br /> </div> <tr>     <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />  <br />  {LOGGED_IN_USER_LIST}</span></td> </tr> PUNBB Procurar Código: <div class="main-content">  <div id="stats">  <p class="right">{TOTAL_POSTS}</p>  <p>{TOTAL_USERS}</p>  <p>{NEWEST_USER}</p>  </div> Alterar por esse Código: <div id="stats">     <br />     <ul class="statsPers">         <li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>         <li class="statHide lastUser">Teste2: {NEWEST_USER}</li>         <li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>         <li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>     </ul>     <br /> </div> INVISION Alterar toda essa parte Código:  <tr>  <td class="row1"><img src="{L_STATISTICS_IMG}" alt="{L_STATISTICS}" /></td>  <td class="row2">  <p>{TOTAL_POSTS}</p>  <p>{TOTAL_USERS}</p>  <p>{NEWEST_USER}</p>  <p>{RECORD_USERS}</p>  </td>  </tr> Por esse Código: <div id="stats">     <br />     <ul class="statsPers">         <li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>         <li class="statHide lastUser">Teste2: {NEWEST_USER}</li>         <li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>         <li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>     </ul> </div> <br /> MODERNBB Nessa versão, teremos de alterar dois templates, procure por Código:  <div class="block">  <!-- BEGIN switch_viewonline_link -->  <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</a></div>  <!-- END switch_viewonline_link -->  <!-- BEGIN switch_viewonline_nolink -->  <div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>  <!-- END switch_viewonline_nolink -->  {TOTAL_USERS_ONLINE}<br />  {RECORD_USERS}  {LOGGED_IN_USER_LIST}  {L_ONLINE_USERS}  {L_CONNECTED_MEMBERS}<br />  {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}  <div class="block-footer"><strong>{LEGEND}:</strong>&nbsp;{GROUP_LEGEND}</div>  </div> Alterar por esse: Código: <div id="stats">     <br />     <ul class="statsPers">         <li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>         <li class="statHide lastUser">Teste2: {NEWEST_USER}</li>         <li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>         <li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>     </ul> </div> <br /> <div class="block">     <!-- BEGIN switch_viewonline_link -->     <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</a></div>     <!-- END switch_viewonline_link -->     <!-- BEGIN switch_viewonline_nolink -->     <div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>     <!-- END switch_viewonline_nolink -->     {TOTAL_USERS_ONLINE}<br /> {LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}     <br /> {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}     <div class="block-footer"><strong>{LEGEND}:</strong>&nbsp;{GROUP_LEGEND}</div> </div> Após publicar e salvar, ir no template overall_footer_begin e remover esse código Código:  <div class="wrap">  <div class="statistics-item">  {TOTAL_POSTS}  </div>  <div class="statistics-item">  {TOTAL_USERS}  </div>  <div class="statistics-item">  {NEWEST_USER}  </div>  </div> Adicionando Códigos: Instalação do código JavaScript As páginas javascript ativas em seu fórum possibilita inserir scripts e jQuery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns. Painel de Controle Módulos HTML e Javascript Gestão dos códigos Javascript Criar um novo javascript Habilitar o gerenciamento dos códigos Javascript - Permite ativar os scripts personalizados criados pelo administrador no fórum. Este recurso não tem qualquer impacto nos scripts nativos do fórum. Tìtulo - Cria um título para identificar o script a ser modificado mais tarde na lista de scripts do fórum. Investimento - Define o local em específico que este script será executado. Você pode investir o script para vários locais no fórum (Todas as páginas) ou pode definir para certos locais disponíveis na tela de investimento. Neste caso, estaremos investindo No Índice. Código Javascript - Espaço destinado a receber o script que será ativado pelo administrador. Antes de aplicar o script ao fórum, é importante revisá-lo para ter certeza de seu funcionamento. JavaScript a ser utilizado Código: $(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 de posts</li>             <li><span>'+totalUser+'</span> Total de membros</li>             <li><span>'+lastUser+'</span> Membro mais novo</li>             <li><span>'+rdtOn+'</span> Recorde de usuários online</li>             ');                             }); Aplicando o CSS: Painel de controle Visualização Imagens e Cores Cores Folha de estilo CSS Código: #stats {     margin: 0 auto !important;     text-align: center !important;     display: table;     background: none;     }     .statHide{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%;     } Resultado:

Se você tiver dúvida a respeito deste tutorial, queira criar um novo tópico com o título: Estatísticas personalizada Fórum dos Fóruns, @Switch, @JScript e @Harleen

Coloquei certinho e agora como eu faço para deixar personalizado ?

Olá!

Seguindo o pedido que fez, adicione à sua Folha de Estilo CSS:

Código:

ul.statsPers {
    text-align: center;
    list-style: none;
    text-align: center;
    color: #fff;
    text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
    background-color: #2ea3f2;
    padding: 10px 0;
    border-radius: 5px;
    border-bottom: 3px solid #0e8bdf;
}

Muito obrigado deu certinho !