Detalhes da questão

Endereço do fórum: http://pxd-nwd.forumeiro.com/
Versão do fórum: PunBB

Descrição

Olá, gostei muito da Estatistica da forumeiros. E gostaria de adicionar a mesma em meu fórum! Como eu quero que fique (Essa imagem foi editada no photoshop.): 
 

Como está no momento:





Template 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>
 </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'" 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}
       <div class="main-content">
          <table cellspacing="0" class="table">
             <tbody class="statused">
                                 <tr>
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- END giefmod_index1 -->
                                 </tr>
             </tbody>
          </table>
            </div>
            <script type="text/javascript">
            //<![CDATA[
            var versionMinor = parseFloat(navigator.appVersion),
                    versionMajor = parseInt(versionMinor),
                    IE = document.all && !window.opera && 7 > versionMajor,
                    IE7 = document.all && !window.opera && 7 <= versionMajor,
                    OP = window.opera,
                    FF = document.getElementById,
                    NS = document.layers;
            
            function get_item(a, c) {
                    if (IE) return c ? window.opener.document.all[a] : document.all[a];
                    if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
                    if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
            }
            
            var current_tooltip;
            
            function show_tooltip(a, c) {
                    var b = get_item("tooltip");
                    b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
                    b.style.zIndex = 1000;
                    b.style.position = "absolute";
                    b.innerHTML = "<p>" + c + "</p>";
                    b.style.visibility = "visible";
                    a.onmousemove = move_tooltip;
                    a.onmouseout = function () {
                            b.style.visibility = "hidden"
                    };
                    a.title = ""
            }
            var offsetxpoint = -60,
                    offsetypoint = 20,
                    real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
                    real_body = document.documentElement ? document.documentElement : document.body;
            
            function move_tooltip(a) {
                    var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
                            d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
                            b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
                            e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
                            f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
                    current_tooltip = get_item("tooltip");
                    current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
                    current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
            }
            $("#recent_topics li a:first-child").mouseover(function () {  
                    show_tooltip(this, $(this).next().html())
            });
            $("#active_topics a, #viewed_topics a").mouseover(function () {
                    show_tooltip(this, $(this).prev().text().replace(/(.*)\s-\s\d+.+/, "$1"));
            }).after(function () {
                    return '<span class="lastRight">' + $(this).attr("alt").replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'
            });
            //]]>
            </script>  
    </div>
{BOARD_INDEX}
<div id="sign_week"><center></center></div>
<!-- BEGIN disable_viewonline -->
<!-- codigo quantidade de membros e membro novo -->
    <div id="statistics">
      <br />
      <ul class="statsPers">
          <li class="statHide rdtOn">Recorde de Usuários Online: {RECORD_USERS}</li>
          <li class="statHide lastUser">foi o membro mais novo!: {NEWEST_USER}</li>
          <li class="statHide totalUser">Membros Totais: {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> Posts</li>'+
          '<li><span>' + totalUser + '</span> Membros Totais</li>'+
          '<li><span>' + lastUser + '</span> foi o membro mais novo!</li>'+
          '<li><span>' + rdtOn + '</span> Recorde de Usuários Online</li>';
         
     $('ul.statsPers').prepend(sHtml);
    });
    //]]>
    </script>
<!-- fim do codigo de membros, estatisticas -->
<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}&nbsp;:&nbsp;{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>
<!-- Ipboard stile -->
<div class="statistics clearfix" id="board_statistics">
   <h4 class="statistics_head"></h4>
   <p class="statistics_brief desc">
   </p>
   <br>
   <p class="users_online">
   </p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="ipsSideBlock clearfix" id="active_users">
      <h3><a title="View Main Shoutbox" href="javascript:void(0);">Users in the shoutbox (<span id="shoutbox-active-total"></span>)</a></h3>
      <div>
         <span class="desc"><span id="shoutbox-active-member"></span> membros, <span id="shoutbox-active-anon">0</span> membro(s) anônimo(s)</span>
         <br><br>
         <p id="shoutbox-active-names">
            {CHATTERS_LIST}
         </p>
      </div>
   </div>
   <script type="text/javascript">
      //<![CDATA[
      var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();
      $('#shoutbox-active-total').text(total_chatters);
      $('#shoutbox-active-member').text(total_chatters);
      //]]>
   </script>
   <!-- END switch_chatbox_activate -->
   <div class="statistics" style="padding: 5px 0 !important; margin: 0 !important"></div>
   <div id="new_group_legend" class=groups></div>
   <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 foram vistos por aqui! (nos últimos 45 minutos)';
        $('#board_statistics').find('h4.statistics_head').text(users_active);
       
        var membros = aSplit.split(' :: ')[1].substr(0, 1);
        if(membros == 'N') {membros = 0;}
        membros += ' 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('&nbsp;&nbsp;<a href="/viewonline">(Ver todos)</a>');

        aSplit = $('#logged_in_user_list').html();
        var start = aSplit.search('registrados : ') + 14;
        users_active = aSplit.substring(start);
        users_active = users_active.replace("Nenhum","");
        $('#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 += '&nbsp<strong>·</strong>&nbsp';}
            listHtml += $(this).html();
        });
        $('#new_group_legend').html('<img src="https://cdn3.iconfinder.com/data/icons/fatcow/16/cog_edit.png" alt=":P">&nbsp' + listHtml);
       
        var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();
        $('#shoutbox-active-total').text(total_chatters);
        $('#shoutbox-active-member').text(total_chatters);
      //]]>
   </script>
   <br><div id="elFooterNavigation" class="ipsSubNavigation">
   <style type="text/css">
      <!--
         #pun-info {
           margin-top: 15px;
           border: 0px;
         }
         
         .statistics_head {
             font-size: 14px !important;
             font-weight: bold !important;
         }
         .statistics {
             line-height: 1.3 !important;
             margin: 20px 0 0 !important;
             overflow: hidden !important;
             padding: 10px 0 !important;
         }
         #onlinelist {
         background: white;
         border: 0px;
         border-top:none;
         }
         
         #onlinechat {
         background: white;
         border-top: 1px solid #EEE;
         border-top:none;
         }
                       -->
   </style>
</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'" 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 -->
<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 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 -->

Resumo:

Quero a parte azul e preta da FdF e o resto IPB.

@Hancki @MateusAnjosV

Olá!

Troque seu template por este:

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>
 </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'" 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}
      <div class="main-content">
          <table cellspacing="0" class="table">
            <tbody class="statused">
                                <tr>
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- END giefmod_index1 -->
                                </tr>
            </tbody>
          </table>
            </div>
            <script type="text/javascript">
            //<![CDATA[
            var versionMinor = parseFloat(navigator.appVersion),
                    versionMajor = parseInt(versionMinor),
                    IE = document.all && !window.opera && 7 > versionMajor,
                    IE7 = document.all && !window.opera && 7 <= versionMajor,
                    OP = window.opera,
                    FF = document.getElementById,
                    NS = document.layers;
           
            function get_item(a, c) {
                    if (IE) return c ? window.opener.document.all[a] : document.all[a];
                    if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
                    if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
            }
           
            var current_tooltip;
           
            function show_tooltip(a, c) {
                    var b = get_item("tooltip");
                    b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
                    b.style.zIndex = 1000;
                    b.style.position = "absolute";
                    b.innerHTML = "<p>" + c + "</p>";
                    b.style.visibility = "visible";
                    a.onmousemove = move_tooltip;
                    a.onmouseout = function () {
                            b.style.visibility = "hidden"
                    };
                    a.title = ""
            }
            var offsetxpoint = -60,
                    offsetypoint = 20,
                    real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
                    real_body = document.documentElement ? document.documentElement : document.body;
           
            function move_tooltip(a) {
                    var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
                            d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
                            b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
                            e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
                            f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
                    current_tooltip = get_item("tooltip");
                    current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
                    current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
            }
            $("#recent_topics li a:first-child").mouseover(function () { 
                    show_tooltip(this, $(this).next().html())
            });
            $("#active_topics a, #viewed_topics a").mouseover(function () {
                    show_tooltip(this, $(this).prev().text().replace(/(.*)\s-\s\d+.+/, "$1"));
            }).after(function () {
                    return '<span class="lastRight">' + $(this).attr("alt").replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'
            });
            //]]>
            </script> 
         <style>
         #fa_stats {
    background: #2E3133 none repeat scroll 0% 0%;
    color: #FFF;
    font-family: Arial,Verdana,sans-serif;
    padding: 15px 0px;
    text-align: center;
    margin: 0 -10px;
}
.qeel_title {
    background: #369FCF none repeat scroll 0% 0%;
    color: #FFF;
    font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 6px;
    text-transform: uppercase;
  margin: 0 -10px;
}
.stat_label {
    background: #F2F2F2 none repeat scroll 0% 0%;
    border-radius: 3px;
    color: #2E3133;
    display: inline-block;
    font-size: 0px;
    margin: 0px 12px 0px 3%;
    padding: 6px 12px;
    vertical-align: middle;
}
.stat_label strong {
    display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.qeel_title a {
    color: #FFF !important;;
}
         </style>
    </div>
{BOARD_INDEX}
<div id="sign_week"><center></center></div>
<!-- BEGIN disable_viewonline -->
<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}&nbsp;:&nbsp;{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>
<!-- Ipboard stile -->
<div id="fa_stats"><span class="stat_label">Os nossos membros postaram um total de <strong>{TOTAL_POSTS}</strong> mensagens</span><span class="text_label">Mensagens</span><span class="stat_label">Temos <strong>{TOTAL_USERS}</strong> usuários registrados</span><span class="text_label">Usuários registrados</span><span class="stat_label">O último usuário registrado atende pelo nome de <strong>{NEWEST_USER}</strong></span><span class="text_label">É o novo membro</span></div>
<div class="qeel_title"><a href="/viewonline" rel="nofollow">Quem está conectado</a></div>
<div class="statistics clearfix" id="board_statistics">
  <h4 class="statistics_head"></h4>
  <p class="statistics_brief desc">
  </p>
  <br>
  <p class="users_online">
  </p>
  <!-- BEGIN switch_chatbox_activate -->
  <div class="ipsSideBlock clearfix" id="active_users">
      <h3><a title="View Main Shoutbox" href="javascript:void(0);">Users in the shoutbox (<span id="shoutbox-active-total"></span>)</a></h3>
      <div>
        <span class="desc"><span id="shoutbox-active-member"></span> membros, <span id="shoutbox-active-anon">0</span> membro(s) anônimo(s)</span>
        <br><br>
        <p id="shoutbox-active-names">
            {CHATTERS_LIST}
        </p>
      </div>
  </div>
  <script type="text/javascript">
      //<![CDATA[
      var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();
      $('#shoutbox-active-total').text(total_chatters);
      $('#shoutbox-active-member').text(total_chatters);
      //]]>
  </script>
  <!-- END switch_chatbox_activate -->
  <div class="statistics" style="padding: 5px 0 !important; margin: 0 !important"></div>
  <div id="new_group_legend" class=groups></div>
  <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 foram vistos por aqui! (nos últimos 45 minutos)';
        $('#board_statistics').find('h4.statistics_head').text(users_active);
     
        var membros = aSplit.split(' :: ')[1].substr(0, 1);
        if(membros == 'N') {membros = 0;}
        membros += ' 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('&nbsp;&nbsp;<a href="/viewonline">(Ver todos)</a>');

        aSplit = $('#logged_in_user_list').html();
        var start = aSplit.search('registrados : ') + 14;
        users_active = aSplit.substring(start);
        users_active = users_active.replace("Nenhum","");
        $('#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 += '&nbsp<strong>·</strong>&nbsp';}
            listHtml += $(this).html();
        });
        $('#new_group_legend').html('<img src="https://cdn3.iconfinder.com/data/icons/fatcow/16/cog_edit.png" alt=":P">&nbsp' + listHtml);
     
        var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();
        $('#shoutbox-active-total').text(total_chatters);
        $('#shoutbox-active-member').text(total_chatters);
      //]]>
  </script>
  <br><div id="elFooterNavigation" class="ipsSubNavigation">
  <style type="text/css">
      <!--
        #pun-info {
          margin-top: 15px;
          border: 0px;
        }
       
        .statistics_head {
            font-size: 14px !important;
            font-weight: bold !important;
        }
        .statistics {
            line-height: 1.3 !important;
            margin: 20px 0 0 !important;
            overflow: hidden !important;
            padding: 10px 0 !important;
        }
        #onlinelist {
        background: white;
        border: 0px;
        border-top:none;
        }
       
        #onlinechat {
        background: white;
        border-top: 1px solid #EEE;
        border-top:none;
        }
                      -->
  </style>
</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'" 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 -->
<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 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 -->

Até mais.

Quase perfeito @RafaelS. ao invés de aparecer "Os nossos membros postaram um total de 120 mensagens" no box, não tem como deixar para aparecer o numero? Estilo aqui... Olhe como resultou em meu fórum...

@Edit
Com tudo, resolvido, consegui.