Legenda tipo categoria

Detalhes da questão

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

Descrição

Bom dia/ boa tarde/noite.

Olá, eu gostario de saber como posso mudar a minha "Legenda" de grupos, que esta normal, para este modelo:

https://imgur.com/a/z1ykH

Tipo uma categoria, ai no lugar que ta escrito legenda no meu forum, quero que esteja escrito "Grupos do Forum".

Forum que vi:http://playfatal.forumeiros.com/forum

Aguardo respostas.

Olá, bom dia.
Errou na seção, mas tudo bem. A Staff do FdF mudará. Preciso que me passe o seu template index_body para fazer as modificações e diga-me que cor gostaria de ter no cabeçalho da legenda (o que está a azul no print).

Até o/

Sim, eu gostario que ficasse da cor igual a do print acima, e sobre o index-body, pode utilizar o seu, o meu não esta modificado.


Aguardo respostas

Olá!

No caso precisarei mesmo do seu pois o meu já tem muitas edições.

Não se esqueça de postar o template entre as tag [code]!

Até o/

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>Usu?rios 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>
      <span class="legend"></span>
        <span class="legend_group">{GROUP_LEGEND}</span>
    </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 -->

Ai está o meu index.

Aguardo respostas

Update

Boa noite.

Em seu template, na caixa de Busca procure pela variável:

Código:

{GROUP_LEGEND}

Ou pelo código:

Código:

      <span class="legend"></span>
        <span class="legend_group">{GROUP_LEGEND}</span>

Você pode substituir todo o código que mencionei por este:

Código:

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

Salve e pré-visualize.

Atenciosamente,
Shek

Tópico movido de 'Questões sobre o painel de administração' para 'Questões sobre a aparência do fórum'.

Ficou bom, mais eu gostaria que trocasse a palavra LEGENDA, por "Equipe do Fórum", e removesse aquela barra meio cinza que esta por baixo dos grupos, segue o print:

https://imgur.com/a/79MOt

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>Usuários 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 -->

Ai esta o meu index atualizado.

Aguardo respostas

Olá novamente.
Peço desculpa o atraso. Enfim, troque o seu template por este:

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>Usuários 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> 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>
    </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 -->

Salve e publique para podermos editar o CSS.
Até! o/

Feito, e agora??

Olá.

Eu não vi nenhuma mudança no template. Publicou o mesmo depois de mudar? E que fórum está aplicando essa mudança?

Até. o/

Estou aplicando em forum teste para não haver problemas. Mais pra frente ele deixara de ser um forum teste.

Aguardo respostas

Olá.

Primeiro: O que deseja mudar mais? Para mim está ótimo.
Segundo: Não deve tirar os links úteis da forumeiros do seu fórum pois assim este torna-se ilegal, o que pode levar ao bloqueio do mesmo, então, sugiro que volte a colocar os links da Forumeiros, mesmo sendo apenas um fórum de testes.

Até. o/

Ok, mais como eu disse acima, ficou otimo, mais eu gostaria de remover aquela parte meio cinza que esta por baixo dos grupos, segue o print:

https://imgur.com/a/xj8Yl

Gostaria de remover aquela parte cinza que esta debaixo dos grupos.
Aguardo propostas

Update

Qual a URL do fórum que o senhor está aplicando os efeitos instruídos neste tópico?

http://streetkings.forumeiros.com, ai esta.

Aguardo respostas

Precisarei do template index_body.

Código:

<style>
.tc1, .tcr, .pun table.table td {
  background: none !important;
  border: none !important;
}
 .tc2, .tc3 {
  background: none !important;
  border: none !important;
  color: #737C8D; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 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>Usuários 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> 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>
    </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 -->

Ai esta o meu template Index-Body.

Aguardo respostas.

Troque por esse e me diga exatamente as alterações que o senhor deseja fazer:

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>Usuários 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> Equipe do Fórum</h2>
      </div>
  </div>
  <div class="main-content">
      <table cellspacing="0" class="table table-legend">
        <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 -->

Como eu disse acima, ficou otimo, mais eu gostaria de remover aquela parte meio cinza que esta por baixo dos grupos, segue o print:

https://imgur.com/a/xj8Yl

Gostaria de remover aquela parte cinza que esta debaixo dos grupos.
Aguardo propostas

Adicione este código ao final de sua CSS:

Código:

.table-legend.table > tbody > tr {
  border: none;
}

Assim?
-> http://prntscr.com/gircwn

Sim, mais eu quero que remova toda, tem como??

O senhor está sendo muito superficial.
O que você deseja remover?

A seta verde, azul ou vermelha?
-> http://prntscr.com/girece

Seta vermelha.

Então basta fazer o que eu disse aqui:
-> https://ajuda.forumeiros.com/t109902-legenda-tipo-categoria#772775

Eu fiz o que o mesmo pediu,mais removeu so a borda do quadro cinza, o quadro cinza por baixo dos grupos ainda ta la. Ten como remover?

A qual quadro cinza o senhor se refere? Use imagens. ¬_¬

Sumiu so a borda do quadro.

Olá. Adicione ao código que o Luiz lhe passou:

Luiz escreveu:

Código:

.table-legend.table > tbody > tr {
  border: none;
}

Esta linha:

Código:

background-color: #fff!important;

Acabando por ficar assim:

Código:

.table-legend.table > tbody > tr {
  border: none;
  background-color: #fff!important;
}

Peço desculpa de não ter ajudado mais, pois dado o seu evento recente, não sabia se queria continuar ou não.

Até! o/

Obrigado pela ajuda, pode fechar o topico e marcar como resolvido.