Alterações na aparência das estatísticas

Detalhes da questão

Endereço do fórum: http://playfatal.forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá bom dia eu vi nesse fórum www.brasilplaystart.com.br/forum/ um estilo de estatística, eu gostaria de colocar no meu fórum esse estilo de estatística https://i.imgur.com/1Vv4QYs.png !

meu index_body

Código:

{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 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_logged_in -->

      <!-- END switch_user_logged_in -->


{CHATBOX_TOP}
{BOARD_INDEX}
<div id="board_stats">      
      <ul class="ipsType_small">
         <li><span class="FORUMCOUNTPOST"></span>&nbsp;Total de Tópicos</li>
         <li><span class="FORUMCOUNTUSER"></span>&nbsp;Total de Membros</li>
         <li><span class="FORUMLASTUSER"></span>&nbsp;Ultimo Registrado</li>
         <li><span class="FORUMCOUNTOPIC"></span>&nbsp;Record Online</li>
      </ul>
   </div>
<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
  <div class="main-head"><h2>Estadisticas</h2>
  </div>
   <div class="main-statistics" style="border: 1px solid #323232; border-radius: 3px;">
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>

         <p>{TOTAL_USERS_ONLINE}<br />
         {LOGGED_IN_USER_LIST}
         
         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br>
         {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
         <div class="clear"></div>

         <p>{GROUP_LEGEND}</p>
      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
         {CHATTERS_LIST}
                          <br />
         <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
               insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
         <!-- END switch_chatbox_popup -->
         </p>
      </div>
      <!-- END switch_chatbox_activate -->
   </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->

<!-- 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 -->
  <style type="text/css">
#board_stats ul li {
display: inline;
margin: 10px;
font-size: 11px !important;
font-weight: 100 !important;
}
#board_stats ul li span {
        display: inline-block;
    background: url('http://i.imgur.com/swLPkxz.png') repeat-x scroll 0px 0px #2B2B2B;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
    padding: 3px 7px;
    font-weight: bold;
    border-radius: 3px;
    margin-right: 3px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset;
}
#board_stats {
text-align: center;
font-weight: 700;
}
#stat_links {
font-weight: normal;
margin-top: -12px;
}
.stat_links a {
color: #eee;
}
.right {
float: right;
}
.ipsType_small {
font-size: 11px;
}
    /*estadistica*/
    #onlinelist {
    background-color: transparent;
    padding: 0.6em 1em;
    border:0;
}
    #onlinechat {
    background-color: transparent;
    padding: 5px 5px;
    border: 0;
}
  </style>

UP

Olá, faça um backup do seu código atual, depois adicione esse 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: #c7d0e1; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.tc2:after {
    display: block;
    content: "Tópicos";
    color: #c7d0e1;
    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: #c7d0e1;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal !important;
  text-align: center;
  text-transform: uppercase;
}
</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> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <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="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" 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}

<!-- BEGIN disable_viewonline -->
<script>
$(function() {
    var membroNovoUrl = $('#tabelaMembro #membroNovo a').attr('href');
    console.log(membroNovoUrl);
    $('#tabelaMembro').append('<span style="display:none" id="avatarImg"></span><span style="display:none" id="registoData"></span>');
    $('#avatarImg').load(membroNovoUrl + ' #profile-advanced-right .main-content.clearfix.center img:first-child', function() {
        console.log('Avatar carregado com sucesso!');
        var avatarSrc = $('#avatarImg img').attr('src');
        $('#membroNovoImg').attr('src', avatarSrc);
    });
    $('#registoData').load(membroNovoUrl + ' #profile-advanced-details #field_id-4 .field_uneditable', function() {
        console.log('Data de registro carregada com sucesso!');
        var dataLoad = $('#registoData').text();
        $('#tabelaRegistro span').text('Registrado em ' + dataLoad + '');
    });
});
</script>
<script>
$(function() {
    var sumar = 0;
    $('.pun .main table td.tc2').each(function() {
        var val = $.trim($(this).text());
        if (val) {
            val = parseFloat(val.replace(/^\$/, ""));
            sumar += !isNaN(val) ? val : 0;
        }
        console.log(sumar);
        $('#contarTopicos').text(sumar);
    });
});
</script>
<script>
$(function() {
    var totalPosts = $('#tabelaStats #totalPosts strong').html();
    $('#tabelaStats #totalPosts').html(totalPosts);
    var totalUsers = $('#tabelaStats #totalUsers strong').html();
    $('#tabelaStats #totalUsers').html(totalUsers);
    var recordUsers = $('#tabelaStats #recordUsers strong').html();
    $('#tabelaStats #recordUsers').html(recordUsers);
    var membroNovo = $('#tabelaStats #membroNovo a');
    $('#tabelaStats #membroNovo').html(membroNovo);
});
</script>
<div class="ipsWidget ipsWidget_horizontal ipsBox" id="statsHancki">
    <table id="tabelaStats">
        <tr>
            <h3 class="ipsType_reset ipsWidget_title"></h3>
            <div class="ipsWidget_inner">

                <td>
                    <div class="ipsGrid ipsGrid_collapsePhone ipsWidget_stats">
                        <div class="ipsGrid_span2 ipsType_center">
                            <span class="ipsType_large ipsWidget_statsCount" id="contarTopicos">0</span>
                          <br />
                            <span class="ipsType_light ipsType_medium">Tópicos</span>
                        </div>
                </td>
                <td>
                    <div class="ipsGrid_span2 ipsType_center">
                      <span class="ipsType_large ipsWidget_statsCount"><span id="totalPosts">{TOTAL_POSTS}</span></span>
                      <br />
                        <span class="ipsType_light ipsType_medium">Posts</span>
                    </div>
                </td>
                <td>
                    <div class="ipsGrid_span2 ipsType_center">
                      <span class="ipsType_large ipsWidget_statsCount"><span id="totalUsers">{TOTAL_USERS}</span></span>
                      <br />
                        <span class="ipsType_light ipsType_medium">Membros</span>
                    </div>
                </td>
                <td>
                    <div class="ipsGrid_span2 ipsType_center">
                      <span class="ipsType_large ipsWidget_statsCount"><span id="recordUsers">{RECORD_USERS}</span></span>
                      <br />
                        <span class="ipsType_light ipsType_medium">Recorde Online</span>
                    </div>
                </td>
                <td>
                    <div class="ipsGrid_span3 ipsType_left ipsPhotoPanel ipsPhotoPanel_mini cNewestMember">

                        <table id="tabelaMembro">
                            <tr>
                              <td rowspan="3" id="tabelaAvatar"> <img id="membroNovoImg" src="http://www.loskatchorros.com.br/ipb/uploads/set_resources_2/84c1e40ea0e759e3f1505eb1788ddf3c_default_photo.png" alt="" />
                                </td>
                                <td id="tabelaMembroMaisNovo"> <span class="ipsType_minorHeading">Membro Mais Novo</span>
                                </td>
                            </tr>
                            <tr>
                                <td id="tabelaNomeMembro"> <span class="ipsType_normal" id="membroNovo">{NEWEST_USER}</span>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                </div>

            </div>
        </tr>
    </table>
</div>

<style>
.ipsList_inline > li {
    display: inline-block;
    margin: 0 3px;
}
.statistics {
    border: 1px solid #393939;
    line-height: 1.3;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 8px;
}
.desc, .desc.blend_links a, p.posted_info {
    color: #898989;
    font-size: 11px;
}
.statistics .statistics_head:not(:first-of-type) {
    margin-top: 0;
}
.statistics_head, .statistics_head a, .statistics_group, .statistics_group a {
    color: #fff;
}
.statistics_head, .statistics_group {
    background: #282828 url("http://i.imgur.com/bNLB8Go.png") no-repeat scroll 0 0;
    border-bottom: 1px solid #393939;
    border-top: 1px solid #393939;
    font-size: 11px;
    font-weight: bold;
    margin: -8px -8px 8px;
    padding: 8px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}
    .ipsType_minorHeading {
        color: #868686;
        text-transform: uppercase;
        font-size: 11px;
        margin: 0;
    }
 
    #tabelaMembro #tabelaMembroMaisNovo,
    #tabelaMembro #tabelaNomeMembro,
    #tabelaMembro #tabelaRegistro {
        width: 250px;
    }
 
    #tabelaMembro {
        width: auto;
    }
 
    .ipsType_light {
        color: #9c9c9c;
        font-size: 13px;
    }
 
    .ipsType_center {
        text-align: center;
    }
 
    #tabelaStats td {
        width: 10%;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
 
    #tabelaStats td:nth-child(5) {
        width: 20% !important;
    }
 
    .ipsBox:not(.ipsBox_transparent) {
        background-color: #1d1d1d;
    }
 
    .ipsWidget.ipsWidget_horizontal .ipsWidget_title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px;
        border-radius: 3px 3px 0 0;
    }
 
    .ipsWidget_horizontal .ipsWidget_statsCount {
        font-size: 22px;
        line-height: 32px !important;
        font-weight: 300;
    }
 
    .ipsType_medium:not(.ipsType_richText) {
        line-height: 20px;
    }
 
    .ipsWidget_horizontal .cNewestMember {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        padding-left: 15px;
    }
    #tabelaStats #membroNovo a {
        font-size: 14px !important;
        text-decoration: none;
    }
    .ipsBox {
        padding-bottom: 20px;
        border-width: 1px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 3px;
    }
 
    #membroNovoImg {
        box-shadow: 0px 0px 0px 1px #e2e2e2;
        width: 44px;
        vertical-align: middle;
        display: inline-block;
        line-height: 1px;
        position: relative;
        margin: 2px;
        float: left;
        border: 1px solid white;
    }
</style>
<div id="pun-info" class="main" style="display: none;">
  <div class="main-statistics">
      <div id="onlinelist">
        <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
        <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
        </p>
        <p id="total_users_online">{TOTAL_USERS_ONLINE}<br /></p>
        <p id="record_users">{RECORD_USERS}<br /></p>
        <p id="logged_in_user_list">{LOGGED_IN_USER_LIST}</p>
        <p id="l_online_users">{L_ONLINE_USERS}</p>
        <p id="l_connected_members">{L_CONNECTED_MEMBERS}<br /></p>
        <p id="l_whosbirthday_today">{L_WHOSBIRTHDAY_TODAY}</p>
        <p id="l_whosbirthday_week">{L_WHOSBIRTHDAY_WEEK}</p>
        <div class="clear"></div>
        <p id="group_legend">{LEGEND} : {GROUP_LEGEND}</p>
      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
        <p class="page-bottom">
            {TOTAL_CHATTERS_ONLINE} :
            {CHATTERS_LIST}
            <br />
            <!-- BEGIN switch_chatbox_popup -->
        <div id="chatbox_popup"></div>
        <script type="text/javascript">
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
        </script>
        <!-- END switch_chatbox_popup -->
        </p>
      </div>
      <!-- END switch_chatbox_activate -->
  </div>
</div>
<!-- Ipboard stile -->
<div class="statistics clearfix" id="board_statistics">
  <ul class="ipsList_inline right ipsType_small" id="stat_links">
      <!-- Hook point -->
      <li><a title="Visualizar a equipe de moderação" href="/g2-">Equipe de moderação</a></li>
      <li><a title="Visualizar os maiores postadores de hoje" href="/memberlist?mode=today_posters">Top 20 posters de hoje</a></li>
      <li><a title="Visualizar os maiores postadores do fórum" href="/memberlist?mode=overall_posters">Top posters geral</a></li>
  </ul>
  <h4 class="statistics_head"></h4>
  <p class="statistics_brief desc">
  </p>
  <br>
  <p class="users_online">
  </p>
    <br />
  <center>
    <h4 class="statistics_group">Legenda dos Grupos</h4>
  <div id="new_group_legend" class="groups"></div>
    </center>
  <script type="text/javascript">
      //<![CDATA[
      var target = $('#total_users_online'); /*Há 1 usuários online :: 0 usuários cadastrados, Nenhum Invisível e 1 Visitante :: [1 Motor de busca]*/
      var aSplit = target.text();
     
      /* Usuários online/ativos */
      var users_active = target.find('strong:first').text() + ' usuários ativos (nos últimos 15 minutos)';
      $('#board_statistics').find('h4.statistics_head').text(users_active);
     
      var membros = aSplit.split(' :: ')[1].substr(0, 1) + ' membros, ';
      var visitantes = aSplit.split(' e ')[1].substr(0, 1);
      if(visitantes == 'n') {visitantes = 0;}       
      $('#board_statistics').find('h4.statistics_head').text(users_active);
      $('#board_statistics').find('p.statistics_brief.desc')
          .text(membros + visitantes + ' visitantes, 0 membros anônimos').append('  <a href="/viewonline">(lista completa)</a>');
     
      aSplit = $('#logged_in_user_list').html();
      var start = aSplit.search('registrados : ') + 14;
      users_active = aSplit.substring(start);
      $('#board_statistics').find('p.users_online').html(users_active);
     
      var listHtml = '';
      var target = $('#group_legend').find('b');
      target.each(function(index, value){
          if (listHtml != '') {listHtml += ' <strong> ¤ </strong> ';}
          listHtml += $(this).html();
      });
      $('#new_group_legend').html('<img src="" alt=""> ' + listHtml);
     
      var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();
      $('#shoutbox-active-total').text(total_chatters);
      $('#shoutbox-active-member').text(total_chatters);
      //]]>
  </script>
</div>
<!-- END disable_viewonline -->

<!-- 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> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <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'" 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 -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />&nbsp;{L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />&nbsp;{L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{L_FORUM_LOCKED}
   </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

Depois troque o Index_Box e remova também o CSS, que enviei nesse tópico, por esse

Código:

<div class="main">
<!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
        <div class="maintitle">
            {catrow.tablehead.L_FORUM}
        </div>
        <div class="border">
        <div class="ipsBox table_wrap removeDefault">
        <div class="ipsBox_container">
            <table class="ipb_table" summary="Forums within the category '» Corect-Gaming Romania'">
                <tbody>
    <!-- END tablehead -->
 
    <!-- BEGIN forumrow -->
                    <tr class="notnew">
                        <td class="col_c_icon">
                        <span class="status">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                            </span>
                        </td>
                        <td class="col_c_forum">
                            <h{catrow.forumrow.LEVEL} class="forum_name"><strong class="highlight_unread"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></strong></h{catrow.forumrow.LEVEL}>
                            <br />
                            {catrow.forumrow.FORUM_DESC}
                         
                        </td>
                        <td class="col_c_stats ipsType_small">
                        </td>
                         <td class="tc2">{catrow.forumrow.TOPICS}</td>
         <td class="tc3">{catrow.forumrow.POSTS}</td>
                        <td class="col_c_post">
                                                <!-- BEGIN avatar -->
                                        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                                    <!-- END avatar --> 
                            <span>
                            <!-- BEGIN switch_topic_title -->
                            <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                            <!-- END switch_topic_title -->
                            {catrow.forumrow.USER_LAST_POST}
                            </span>
                        </td>
                    </tr>
    <!-- END forumrow -->
 
    <!-- BEGIN tablefoot -->
                </tbody>
            </table>
  </div></div></div><br>
    <!-- END tablefoot -->
<!-- END catrow -->
</div>
 
<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
    <ul>
        <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
        <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
        <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
    </ul>
    <!-- BEGIN switch_delete_cookies -->
    <p class="right">
        <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
    </p>
    <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
<style>
body {
    background: none repeat scroll 0% 0% #212121;
    color: #BCBCBC;
    font: 11px tahoma,helvetica,arial,sans-serif;
    position: relative;
    padding-bottom: 20px;
}
.maintitle h2{
    font-weight: bold;
}
.maintitle {
    background: url('http://i.imgur.com/KMt5ojt.png') repeat-x scroll 0px 0px #527496;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    padding: 12px;
    font-size: 12px;
    font-weight: 300;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 4px;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1) inset;
}
/*border*/
.border {
    border: 1px solid #454545;
}
.border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body {
    background: none repeat scroll 0% 0% #292929;
}
 
.removeDefault .ipsBox, .removeDefault.ipsBox {
    padding: 0px;
    background: none repeat scroll 0% 0% transparent;
}
.ipsBox, .ipsPad {
    padding: 9px;
}
.ipsBox {
    background: none repeat scroll 0% 0% #1E1E1E;
}
 
.removeDefault .ipsBox_container, .removeDefault.ipsBox_container {
    border: 0px none;
}
.ipsBox_container {
    border: 1px solid #393939;
}
 
table.ipb_table {
    width: 100%;
    line-height: 1.3;
}
table {
    width: 100%;
}
table {
    border-spacing: 0px;
}
.notnew .highlight_unread, .notnew .highlight_unread a {
    color: #bcbcbc;
}
.notnew .highlight_unread, .notnew .highlight_unread a:hover {
    color:#bcd380;
}
#idm_category .idm_category_row, .store_categories li, #idm_categories a, .ipsList_data li, .ipsList_withminiphoto li, table.ipb_table tr td {
    background-image: url('http://i.imgur.com/coMXtN3.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
}
table.ipb_table td {
    padding: 10px;
}
#recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment {
    border-top: 1px solid #353535;
    border-bottom: 1px solid #252525;
}
.col_c_icon {
    padding: 10px 2px 10px 8px !important;
    width: 33px;
    vertical-align: middle;
}
td {
    padding: 3px;
}
.col_c_forum {
    width: auto;
}
 
.last_post, .col_c_stats, .col_f_views, .line_height, .ipsList_withminiphoto .list_content {
    line-height: 18px;
}
.col_c_stats {
    width: 15%;
    text-align: right;
}
.ipsType_small {
    font-size: 11px;
}
ol, ul {
    list-style: none outside none;
}
 
td.col_c_post {
    padding-top: 10px !important;
    width: 250px;
}
</style>

Troquei, pois o total de tópicos estava ficando "estrambólico" rs

Resultado http://prntscr.com/eehsbf

Nota: retirei as estatísticas criadas pelo Hancki nesse tópico.

Até mais

Resultou mais eu gostaria de deixar a estatística com essa imagem no fundo https://imgur.com/M7tiDDQ onde eu vi > http://www.brasilplaystart.com.br/forum e gostaria de deixar mais larga as estatistica igual a do brasilplaystart

IMAGEM > https://i.imgur.com/UKYZeBt.png

resolvido consegui pode fechar