Adicionar recorde online nas estatisticas

Detalhes da questão

Endereço do fórum: http://testesdeskins.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Oi, sabem aquele negócio que os fóruns tem dizendo: O recorde de usuários conectados foi de xx dia xx/xx/xxxx. Queria colocar, no mesmo estilo do restante dos quadros, um recorde onde está marcado de vermelho: https://i.imgur.com/ASrvzJB.png?1

Olá, passe-me seu index_body por gentileza.
até mais.

Saudades dele, while? kkkkkkkkkkkkkk

Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" 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_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>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
  <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
  <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
  <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
  </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

  <!-- BEGIN switch_viewonline_link -->
  <div style=" width: 875px; margin-bottom: 5px;" class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
  <!-- END switch_viewonline_link -->

  <!-- BEGIN switch_viewonline_nolink -->
  <div class="h3">{L_WHO_IS_ONLINE}</div>
  <!-- END switch_viewonline_nolink -->

<p class="page-bottom1">
{TOTAL_USERS_ONLINE}
  <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
</p>
<p class="page-bottom2">
{TOTAL_POSTS}
</p>
<p class="page-bottom3">
{NEWEST_USER}
</p>
<p class="page-bottom4">
{TOTAL_USERS}
</p>

<div class="group_list">
<div class="group_1"><font color="white">Administradores</font></div>
<div class="group_2"><font color="white">Docentes</font></div>
<div class="group_3"><font color="white">Ministerio</font></div>
<div class="group_4"><font color="white">Procurados</font></div>
<div class="group_5"><font color="white">Funcionários do St. Mungus</font></div>
<div class="group_6"><font color="white">Profeta Diário</font></div>
<div class="group_7"><font color="white">Aurores</font></div>
<div class="group_8"><font color="white">Adultos</font></div>
<div class="group_9"><font color="white">Grifinória</font></div>
<div class="group_10"><font color="white">Lufa-lufa</font></div>
<div class="group_11"><font color="white">Corvinal</font></div>
<div class="group_12"><font color="white">Sonserina</font></div>
<div class="group_13"><font color="white">Crianças</font></div>
<div class="group_14"><font color="white">Fantasmas</font></div>
<div class="group_15"><font color="white">Trouxas</font></div>
</div>
 
<div class="i_whosonline">{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

  </div>
<br />

<div class="clear"></div>

  <!-- BEGIN switch_chatbox_activate -->
  <div style="width: 875px;" class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
  <div class="page-bottom">
  {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
  {CHATTERS_LIST}<br />
  </div>
      <!-- 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 -->
  <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

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

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
  <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
  <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
  <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{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 -->
<style>
div.group_1 {margin-left:-5px;margin-top:0px;}
        div.group_2 {margin-left:-5px;margin-top:4px;}
        div.group_3 {margin-left:-5px;margin-top:4px;}
        div.group_4 {margin-left:-5px;margin-top:4px;}
        div.group_5 {margin-left:-5px;margin-top:4px;}
        div.group_6 {margin-left:-5px;margin-top:4px;}
        div.group_7 {margin-left:-5px;margin-top:4px;}
        div.group_8 {margin-left:-5px;margin-top:4px;}
        div.group_9 {margin-left:-5px;margin-top:4px;}
        div.group_10 {margin-left:-5px;margin-top:4px;}
        div.group_11 {margin-left:-5px;margin-top:4px;}
        div.group_12 {margin-left:-5px;margin-top:4px;}
        div.group_13 {margin-left:-5px;margin-top:4px;}
        div.group_14 {margin-left:-5px;margin-top:4px;}
        div.group_15 {margin-left:-5px;margin-top:4px;}
        .i_whosonline {font-family:uppercase!important;text-transform:uppercase!important;margin-left:10px;width:870px!important;margin-top:-192px !important;position:absolute!important;height:200px!important; text-transform: uppercase !important;}
  #main .h3 {
  /*background: #E2E1E2;*/ background: #1e1e1e;
  /*border: 10px solid #D6D6D6;*/ border: 10px solid #181818;
    color: #000;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 100%;
    margin-left: 0;
    margin-top: 5px;
    padding: 30px;
    text-align: center;
}
#page-body p.page-bottom {
    margin: 0;
}
.page-bottom1 {
  /*background: #C4C4C4;*/ background: #181818;
    color: #505050;
    font-family: calibri;
    font-size: 9px;
    margin-bottom: px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    width: 260px;
    border: 5px solid #1e1e1e;
}
  .page-bottom4 {
  /*background: #C4C4C4;*/ background: #181818;
    color: #505050;
    font-family: calibri;
    font-size: 9px;
    margin-bottom: px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    width: 260px;
    border: 5px solid #1e1e1e;
}
  .page-bottom2 {
  /*background: #C4C4C4;*/ background: #181818;
    color: #505050;
    font-family: calibri;
    font-size: 9px;
    margin-bottom: px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    width: 260px;
    border: 5px solid #1e1e1e;
}
  .page-bottom3 {
  /*background: #C4C4C4;*/ background: #181818;
    color: #505050;
    font-family: calibri;
    font-size: 9px;
    margin-bottom: px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    width: 260px;
    border: 5px solid #1e1e1e;
}
.i_whosonline {
  /*background: #F5F3F5;*/ background: #181818;
  /*border: 1px solid #D6D4D7;*/ border: 5px solid #1e1e1e;
    color: #444;
    display: inline-block;
    font-family: calibri;
    font-size: 10px;
    height: 234px;
    overflow: auto;
    padding: 10px;
    text-align: justify;
    text-transform: uppercase;
    width: 370px !important;
}
  div.group_1 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #FA9E00;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_2 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #77C7B3;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_3 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #4D2285;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_4 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #575656;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_5 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #25CC73;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_6 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #A869DB;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_7 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #FFE8AD;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_8 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #445D8A;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_9 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #D40F0F;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_10 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #EEFF00;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_11 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #2B56C4;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_12 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #32C700;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_13 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #FC97F5;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_14 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #E0E0E0;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_15 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #FFFFFF;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e !important;
    }
  div.group_list {
                background: #181818;
    border: 5px solid #1e1e1e;
    display: inline-block;
    font-size: 10px;
    height: 234px;
    overflow: auto;
    padding: 10px;
    width: 200px !important;
    margin-left:300px;
    margin-top:-192px;
        }
  a:link:hover {
    letter-spacing: 1px;
    text-transform: none;
}
  a:link {
    letter-spacing: 1px;
    text-transform: none;
}
  a {
    text-decoration: none;
    text-transform: uppercase;
}
  a:hover {
    text-decoration: none;
    text-transform: uppercase;
}
</style>

Ha Ha, talvez...
troque o template por este:

Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" 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_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>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
  <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
  <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
  <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
  </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

  <!-- BEGIN switch_viewonline_link -->
  <div style=" width: 875px; margin-bottom: 5px;" class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
  <!-- END switch_viewonline_link -->

  <!-- BEGIN switch_viewonline_nolink -->
  <div class="h3">{L_WHO_IS_ONLINE}</div>
  <!-- END switch_viewonline_nolink -->

<p class="page-bottom1">
{TOTAL_USERS_ONLINE}
  <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
</p>
<p class="page-bottom2">
{TOTAL_POSTS}
</p>
<p class="page-bottom3">
{NEWEST_USER}
</p>
<p class="page-bottom4">
{TOTAL_USERS}
</p>
<p class="page-bottom5">
{RECORD_USERS}
</p>

<div class="group_list">
<div class="group_1"><font color="white">Administradores</font></div>
<div class="group_2"><font color="white">Docentes</font></div>
<div class="group_3"><font color="white">Ministerio</font></div>
<div class="group_4"><font color="white">Procurados</font></div>
<div class="group_5"><font color="white">Funcionários do St. Mungus</font></div>
<div class="group_6"><font color="white">Profeta Diário</font></div>
<div class="group_7"><font color="white">Aurores</font></div>
<div class="group_8"><font color="white">Adultos</font></div>
<div class="group_9"><font color="white">Grifinória</font></div>
<div class="group_10"><font color="white">Lufa-lufa</font></div>
<div class="group_11"><font color="white">Corvinal</font></div>
<div class="group_12"><font color="white">Sonserina</font></div>
<div class="group_13"><font color="white">Crianças</font></div>
<div class="group_14"><font color="white">Fantasmas</font></div>
<div class="group_15"><font color="white">Trouxas</font></div>
</div>
 
<div class="i_whosonline">{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

  </div>
<br />

<div class="clear"></div>

  <!-- BEGIN switch_chatbox_activate -->
  <div style="width: 875px;" class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
  <div class="page-bottom">
  {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
  {CHATTERS_LIST}<br />
  </div>
      <!-- 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 -->
  <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

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

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
  <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
  <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
  <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{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 -->
<style>
div.group_1 {margin-left:-5px;margin-top:0px;}
        div.group_2 {margin-left:-5px;margin-top:4px;}
        div.group_3 {margin-left:-5px;margin-top:4px;}
        div.group_4 {margin-left:-5px;margin-top:4px;}
        div.group_5 {margin-left:-5px;margin-top:4px;}
        div.group_6 {margin-left:-5px;margin-top:4px;}
        div.group_7 {margin-left:-5px;margin-top:4px;}
        div.group_8 {margin-left:-5px;margin-top:4px;}
        div.group_9 {margin-left:-5px;margin-top:4px;}
        div.group_10 {margin-left:-5px;margin-top:4px;}
        div.group_11 {margin-left:-5px;margin-top:4px;}
        div.group_12 {margin-left:-5px;margin-top:4px;}
        div.group_13 {margin-left:-5px;margin-top:4px;}
        div.group_14 {margin-left:-5px;margin-top:4px;}
        div.group_15 {margin-left:-5px;margin-top:4px;}
        .i_whosonline {font-family:uppercase!important;text-transform:uppercase!important;margin-left:10px;width:870px!important;margin-top:-249px !important;position:absolute!important;height:200px!important; text-transform: uppercase !important;}
  #main .h3 {
  /*background: #E2E1E2;*/ background: #1e1e1e;
  /*border: 10px solid #D6D6D6;*/ border: 10px solid #181818;
    color: #000;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 100%;
    margin-left: 0;
    margin-top: 5px;
    padding: 30px;
    text-align: center;
}
#page-body p.page-bottom {
    margin: 0;
}
.page-bottom1 {
  /*background: #C4C4C4;*/ background: #181818;
    color: #505050;
    font-family: calibri;
    font-size: 9px;
    margin-bottom: px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    width: 260px;
    border: 5px solid #1e1e1e;
}
  .page-bottom4 {
  /*background: #C4C4C4;*/ background: #181818;
    color: #505050;
    font-family: calibri;
    font-size: 9px;
    margin-bottom: px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    width: 260px;
    border: 5px solid #1e1e1e;
}
  .page-bottom2 {
  /*background: #C4C4C4;*/ background: #181818;
    color: #505050;
    font-family: calibri;
    font-size: 9px;
    margin-bottom: px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    width: 260px;
    border: 5px solid #1e1e1e;
}
  .page-bottom3 {
  /*background: #C4C4C4;*/ background: #181818;
    color: #505050;
    font-family: calibri;
    font-size: 9px;
    margin-bottom: px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    width: 260px;
    border: 5px solid #1e1e1e;
}
  .page-bottom5 {
  /*background: #C4C4C4;*/ background: #181818;
    color: #505050;
    font-family: calibri;
    font-size: 9px;
    margin-bottom: px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    width: 260px;
    border: 5px solid #1e1e1e;
}
.i_whosonline {
  /*background: #F5F3F5;*/ background: #181818;
  /*border: 1px solid #D6D4D7;*/ border: 5px solid #1e1e1e;
    color: #444;
    display: inline-block;
    font-family: calibri;
    font-size: 10px;
    height: 234px;
    overflow: auto;
    padding: 10px;
    text-align: justify;
    text-transform: uppercase;
    width: 370px !important;
}
  div.group_1 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #FA9E00;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_2 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #77C7B3;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_3 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #4D2285;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_4 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #575656;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_5 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #25CC73;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_6 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #A869DB;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_7 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #FFE8AD;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_8 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #445D8A;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_9 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #D40F0F;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_10 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #EEFF00;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_11 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #2B56C4;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_12 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #32C700;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_13 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #FC97F5;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_14 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #E0E0E0;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e;
    }
  div.group_15 {
    text-align: center;
    position: relative;
    width: 190px;
    height: 3px;
  background: #FFFFFF;
    padding: 2px;
    padding-bottom: 10px;
    font-family: calibri;
    font-size: 10px;
    line-height: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
  color: #1e1e1e !important;
    }
  div.group_list {
                background: #181818;
    border: 5px solid #1e1e1e;
    display: inline-block;
    font-size: 10px;
    height: 234px;
    overflow: auto;
    padding: 10px;
    width: 200px !important;
    margin-left:300px;
    margin-top:-249px;
        }
  a:link:hover {
    letter-spacing: 1px;
    text-transform: none;
}
  a:link {
    letter-spacing: 1px;
    text-transform: none;
}
  a {
    text-decoration: none;
    text-transform: uppercase;
}
  a:hover {
    text-decoration: none;
    text-transform: uppercase;
}
</style>

Resulta?
Até mais.

Perfeito, valeu.