Personalizar legenda e "Quem está online?" como uma categoria

Detalhes da questão

Endereço do fórum: http://7flownvrv.forumbrasil.net/
Versão do fórum: PunBB

Descrição

Olá Boa Noite, Meu pedido de ajuda é o seguinte, eu gostaria de separar essa parte "Quem está Online" da Parte "Legenda" , gostaria que separassem as duas e tipo formassem Categorias, Segue o print abaixo de como eu quero: https://i.servimg.com/u/f70/19/64/11/14/img_2011.jpg

Segue abaixo como está: https://i.servimg.com/u/f70/19/64/11/14/img_2012.jpg

Fórum onde eu vi: http://playfatal.forumeiros.com/

Obs:Fórum em construção!

Alguém me ajude, Por favor...

Olá,
Preciso do seu index_body, se faz favor!

Fico no aguardo.

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: 16px;
  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: #f7f7f7;
    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}



<!-- ESTATÍSTICAS IPB -->

<style>
.ipsWidget.ipsBox:not(.ipsBox_transparent){
    list-style-type:none;
    background-color: #ffffff;
    border: 1px solid #dadada;
    border-radius: 3px;
}
.ipsWidget_title {
    color: #727272 !important;
    background-color: #efefef;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
    padding: 11px 15px;
    font-size: 12px;
    font-weight: bold;
}
.ipsWidget_title a {
    color: #727272 !important;
    font-weight: bold;
}
.ipsPad {
        padding: 15px;
}
</style>
<div class="ipsWidget ipsWidget_horizontal ipsBox">
    <h3 class="ipsType_reset ipsWidget_title">
      <b>Quem Está Online?</b>  <span class="ipsType_light ipsType_unbold ipsType_medium">{TOTAL_USERS_ONLINE}</span><span class="ipsType_medium ipsType_light ipsType_unbold ipsType_blendLinks"><a href="/viewonline">(lista completa)</a></span>
</h3>
    <div class="ipsWidget_inner ipsPad">
      {LOGGED_IN_USER_LIST}
      {L_CONNECTED_MEMBERS}
<br>
      </br>
<div class="main">
  <div class="main-head">
      <div class="page-title">
        <h2><i class="fa fa-users"></i> {LEGEND}</h2>
      </div>
  </div>
  <div class="main-content">
      <table cellspacing="0" class="table">
        <tbody class="statused">
            <tr>
              <td class="tcr">{GROUP_LEGEND}</td>
            </tr>
        </tbody>
      </table>
  </div>
</div>
    </div>
</div>
<br>

 
<div style="display:none;" id="totalUsers">{TOTAL_USERS}</div>
<div style="display:none;" id="recordUsers">{RECORD_USERS}</div>
<div style="display:none;" id="userNovo">{NEWEST_USER}</div>
 
<div class="ipsWidget ipsWidget_horizontal ipsBox">
    <h3 class="ipsType_reset ipsWidget_title"><b>Estatísticas de Usuários</b></h3>
    <div class="ipsWidget_inner">
        <div class="ipsGrid ipsGrid_collapsePhone ipsWidget_stats">
            <table class="demo">
                <tbody>
                    <tr>
                        <td>
                            <div class="ipsGrid_span4 ipsType_center">
                                <span class="ipsType_large ipsWidget_statsCount" id="numeroMembros">...</span><br>
                                <span class="ipsType_light ipsType_medium">Membros</span>
                            </div>
                        </td>
                        <td>
                            <div class="ipsGrid_span4 ipsType_center">
                                <span class="ipsType_large ipsWidget_statsCount" id="recordOnline">...</span><br>
                                <span class="ipsType_light ipsType_medium">Recorde Online</span>
                            </div>
                        </td>
                        <td>
                            <div class="ipsGrid_span4 ipsType_left ipsPhotoPanel ipsPhotoPanel_mini cNewestMember">
                                    <span style="font-size: 1.2em;"  id="novomembro"></span>
<script type="text/javascript">
//<![CDATA[
    jQuery(function () {
        jQuery('#novomembro').html('<center>' + _userdata["avatar"] + '</center>');
    });
//]]>
</script>
                                <div>
                                    <span class="ipsType_minorHeading" style=" font-size: 10px; color: #666666;">MEMBRO MAIS NOVO</span><br>
                                    <span class="ipsType_normal" id="membroNovo">...</span><br>
                                  <span id="dataReg">Registrado em <span class="ipsType_small ipsType_light" id="dataReg1">...</span></span>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<style>
.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 -->

Estou no aguardo!

Troque para:

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: 16px;
          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: #f7f7f7;
            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}
       
       
        <!-- BEGIN disable_viewonline -->
                        <script>
                          $(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>
                        ');
                   
                   
                        });
                        </script>
                        <div id="statistics">
                                          <br />
                                          <ul class="statsPers">
                                            <li class="statHide rdtOn">Recorde de Usuários Online: {RECORD_USERS}</li>
                                            <li class="statHide lastUser">Membro Mais Novo: {NEWEST_USER}</li>
                                            <li class="statHide totalUser">Membros: {TOTAL_USERS}</li>
                                            <li class="statHide totalPost">Posts: {TOTAL_POSTS}</li>
                                          </ul>
                                      <br />
                         
                                  </div>
                        <div id="pun-info" class="main">
                          <div class="main-content">
                              <div id="onlinelist">
                                <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
                                <p class="right">
                <div class="main">
                                              <div class="main-head">
                                            <div class="page-title">
                <!-- BEGIN switch_viewonline_link -->
                                            <h2> <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></h2>
                <!-- END switch_viewonline_link -->
                </div>
                                            </div>
                                            <div class="main-content">
                <table cellspacing="0" class="table">
                                      <tbody class="statused">
                                    <tr>
                                      <td class="tcr">
                              {TOTAL_USERS_ONLINE} <br />
                {RECORD_USERS} <br />
                {L_CONNECTED_MEMBERS} <br />
                </td>
                                          </tr>
                                            </tbody>
                                        </table>
                                         
                </div>
                                     
                                   
                           
                <div class="main">
                                              <div class="main-head">
                                            <div class="page-title">
                                            <h2> Aniversariantes</h2>
                                              </div>
                                            </div>
                                            <div class="main-content">
                                            <table cellspacing="0" class="table">
                                      <tbody class="statused">
                                    <tr>
                                      <td class="tcr">{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</td>
                                          </tr>
                                            </tbody>
                                        </table>
                                        </div>
                                      </div>
                                </p>
                                <div class="clear"></div>
                                                <div class="main">
                                              <div class="main-head">
                                            <div class="page-title">
                                            <h2> Equipe do Fórum</h2>
                                              </div>
                                            </div>
                                            <div class="main-content">
                                            <table cellspacing="0" class="table">
                                      <tbody class="statused">
                                    <tr>
                                      <td class="tcr">{GROUP_LEGEND}</td>
                                          </tr>
                                            </tbody>
                                        </table>
                                        </div>
                                      </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 -->
       
        {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 -->

Se não funcionar, me passe uma conta teste!

Não se esqueça de salvar o template!

Não Funcionou, ficou foi Bugado, queira dar uma olhada, a conta é:
Nick: Teste
Senha: Testando

Olá Gustavo,

Remova o código que lhe foi passado anteriormente, para dar continuação ao seu pedido.

Fico no aguardo.

"Pronto amigo, removi, deixei como estava antes"
Estou no aguardo!

Obs: Se possível me ajude a ativar o Rodapé pq o meu não tá aparecendo!

alguem me ajuda... Up

@GustavoDM11,

Para que o possamos ajudar, o seu fórum deve estar visível para visitantes.
Agradeço a compreensão.

Não me lembro onde mesmo que libera! A conta de teste esta loga acima!!

Aguardo respostas...

Alguém me ajude...

update

Olá,

Substitua o seu template 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: 16px;
  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: #f7f7f7;
    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}
 
 
 
<!-- ESTATÍSTICAS IPB -->
 
<style>
.ipsWidget.ipsBox:not(.ipsBox_transparent){
    list-style-type:none;
    background-color: #ffffff;
    border: 1px solid #dadada;
    border-radius: 3px;
}
.ipsWidget_title {
    color: #727272 !important;
    background-color: #efefef;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
    padding: 11px 15px;
    font-size: 12px;
    font-weight: bold;
}
.ipsWidget_title a {
    color: #727272 !important;
    font-weight: bold;
}
.ipsPad {
        padding: 15px;
}
</style>
<div class="ipsWidget ipsWidget_horizontal ipsBox">
    <h3 class="ipsType_reset ipsWidget_title">
      <b>Quem Está Online?</b>  <span class="ipsType_light ipsType_unbold ipsType_medium">{TOTAL_USERS_ONLINE}</span><span class="ipsType_medium ipsType_light ipsType_unbold ipsType_blendLinks"><a href="/viewonline">(lista completa)</a></span>
</h3>
    <div class="ipsWidget_inner ipsPad">
      {LOGGED_IN_USER_LIST}
      {L_CONNECTED_MEMBERS}
<br>
      </br>
    </div>
</div>
<br>
 <div class="main">
  <div class="main-head">
      <div class="page-title">
        <h2><i class="fa fa-users"></i> {LEGEND}</h2>
      </div>
  </div>
  <div class="main-content">
      <table cellspacing="0" class="table">
        <tbody class="statused">
            <tr>
              <td class="tcr">{GROUP_LEGEND}</td>
            </tr>
        </tbody>
      </table>
  </div>
</div>
 
<div style="display:none;" id="totalUsers">{TOTAL_USERS}</div>
<div style="display:none;" id="recordUsers">{RECORD_USERS}</div>
<div style="display:none;" id="userNovo">{NEWEST_USER}</div>
 
<div class="ipsWidget ipsWidget_horizontal ipsBox">
    <h3 class="ipsType_reset ipsWidget_title"><b>Estatísticas de Usuários</b></h3>
    <div class="ipsWidget_inner">
        <div class="ipsGrid ipsGrid_collapsePhone ipsWidget_stats">
            <table class="demo">
                <tbody>
                    <tr>
                        <td>
                            <div class="ipsGrid_span4 ipsType_center">
                                <span class="ipsType_large ipsWidget_statsCount" id="numeroMembros">...</span><br>
                                <span class="ipsType_light ipsType_medium">Membros</span>
                            </div>
                        </td>
                        <td>
                            <div class="ipsGrid_span4 ipsType_center">
                                <span class="ipsType_large ipsWidget_statsCount" id="recordOnline">...</span><br>
                                <span class="ipsType_light ipsType_medium">Recorde Online</span>
                            </div>
                        </td>
                        <td>
                            <div class="ipsGrid_span4 ipsType_left ipsPhotoPanel ipsPhotoPanel_mini cNewestMember">
                                    <span style="font-size: 1.2em;"  id="novomembro"></span>
<script type="text/javascript">
//<![CDATA[
    jQuery(function () {
        jQuery('#novomembro').html('<center>' + _userdata["avatar"] + '</center>');
    });
//]]>
</script>
                                <div>
                                    <span class="ipsType_minorHeading" style=" font-size: 10px; color: #666666;">MEMBRO MAIS NOVO</span><br>
                                    <span class="ipsType_normal" id="membroNovo">...</span><br>
                                  <span id="dataReg">Registrado em <span class="ipsType_small ipsType_light" id="dataReg1">...</span></span>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<style>
.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 -->

Até mais!