Boa noite, queria a legenda dos grupos como essa

Meu Index_body:

Código:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<div class="main">
  <!-- BEGIN message_admin_titre -->
<div class="main-head">
  <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
  </div>
<!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
  <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
  </div>
  <!-- END message_admin_txt -->
<div>
  <!-- END message_admin_index -->
  <!-- BEGIN switch_user_login_form_header -->
  <div class="main">
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
        <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
        <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
        <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_fb_connect -->
        <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
        <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
        <!-- END switch_fb_connect -->
      </div>
    </form>
  </div>
  <!-- END switch_user_login_form_header -->
  {CHATBOX_TOP}
  {BOARD_INDEX}
  <!-- BEGIN disable_viewonline -->
  <div class="roundframe">
    <div class="innerframe">
      <div class="cat_bar">
        <h3 class="catbg">
          <script>document.write(document.title); </script>
        </h3>
      </div>
      <div id="upshrinkHeaderIC">
        <div class="title_barIC">
          <h4 class="titlebg">
            <span class="ie6_header floatleft">
              <a href="/statistics">
                <img class="icon" src="http://i.imgur.com/dYm0SSU.png" alt="Forum Stats" />
              </a>
              Estatisticas
            </span>
          </h4>
        </div>
        <p>
          {TOTAL_POSTS}. {NEWEST_USER}<br />
          {TOTAL_USERS}<br />
          <a href="/search?search_id=newposts">Mensagens Recentes</a><br />
          <a href="/viewonline">Lista Conectados</a>
        </p>
        <div class="title_barIC">
          <h4 class="titlebg">
            <span class="ie6_header floatleft">
              <a href="/viewonline">
                <img class="icon" src="http://i.imgur.com/K0tOEWN.png" alt="Users Online" />
              </a>
              Membros Online
            </span>
          </h4>
        </div>
        <p class="inline stats">
          {TOTAL_USERS_ONLINE}
        </p>
        <p class="last smalltext">
          {RECORD_USERS}
          </p>
        </div>
    </div>
  </div>
  <div align="center"><p>&nbsp;&nbsp;{GROUP_LEGEND}</p></div>
  <!-- END disable_viewonline -->
  {CHATBOX_BOTTOM}
  {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 -->

Link de onde vi: http://www.brasilplayconnect.com/
Fórum: http://yourmundo.forumeiros.com/

No caso este fórum é meu, eu removi o group legend e fiz os nomes dos grupos em HTML. Se quiser assim mesmo terá que trocar os nomes dos grupos de acordo com o seu fórum.

Troque o index body por este:

Código:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<style>
.smalltext2 {
  padding: 10px;
  margin: 10px;
  position: relative;
text-align: center;
font-weight: bold;
background: #FFF;
border: 1px solid #c5c5c5;

  
  
}

.smalltext2 li {
display: inline-block;
position: relative;
padding: 7px;

}


.smalltext2 li:before {
content: "♦ ";
color: #000;
font-weight: bolder;
}
</style>

<div class="main">
  <!-- BEGIN message_admin_titre -->
<div class="main-head">
  <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
  </div>
<!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
  <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
  </div>
  <!-- END message_admin_txt -->
<div>
  <!-- END message_admin_index -->
  <!-- BEGIN switch_user_login_form_header -->
  <div class="main">
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
        <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
        <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
        <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_fb_connect -->
        <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
        <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
        <!-- END switch_fb_connect -->
      </div>
    </form>
  </div>
  <!-- END switch_user_login_form_header -->
  {CHATBOX_TOP}
  {BOARD_INDEX}
  <!-- BEGIN disable_viewonline -->
  <div class="roundframe">
    <div class="innerframe">
      <div class="cat_bar">
        <h3 class="catbg">
          <script>document.write(document.title); </script>
        </h3>
      </div>
      <div id="upshrinkHeaderIC">
        <div class="title_barIC">
          <h4 class="titlebg">
            <span class="ie6_header floatleft">
              <a href="/statistics">
                <img class="icon" src="http://i.imgur.com/dYm0SSU.png" alt="Forum Stats" />
              </a>
              Estatisticas
            </span>
          </h4>
        </div>
        <p>
          {TOTAL_POSTS}. {NEWEST_USER}<br />
          {TOTAL_USERS}<br />
          <a href="/search?search_id=newposts">Mensagens Recentes</a><br />
          <a href="/viewonline">Lista Conectados</a>
        </p>
        <div class="title_barIC">
          <h4 class="titlebg">
            <span class="ie6_header floatleft">
              <a href="/viewonline">
                <img class="icon" src="http://i.imgur.com/K0tOEWN.png" alt="Users Online" />
              </a>
              Membros Online
            </span>
          </h4>
        </div>
        <p class="inline stats">
          {TOTAL_USERS_ONLINE}
        </p>
        <p class="last smalltext">
          {RECORD_USERS}
          </p>
        </div>
    </div>
  </div>
  
  <ul class="smalltext2">
         
         <li style="color: #FF00CC;">Administradores</a></li>
         <li style="color: #2C1FED;">Moderadores</li>
         <li style="color: #17B329;">Admins in-game</li>
         <li style="color: #4FE377;">Helpers</li>
         <li style="color: #FFBF00;">Designers</li>
         <li style="color: #34DAE0;">Sócios</li>
         <li style="color: #706E6E;">Membros</li>
         <li style="color: #FC0303;">Banidos</li>
            
         
         </ul>
         
  <!-- END disable_viewonline -->
  {CHATBOX_BOTTOM}
  {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 -->

Procure por:

Código:

<ul class="smalltext2">
         
         <li style="color: #FF00CC;">Administradores</a></li>
         <li style="color: #2C1FED;">Moderadores</li>
         <li style="color: #17B329;">Admins in-game</li>
         <li style="color: #4FE377;">Helpers</li>
         <li style="color: #FFBF00;">Designers</li>
         <li style="color: #34DAE0;">Sócios</li>
         <li style="color: #706E6E;">Membros</li>
         <li style="color: #FC0303;">Banidos</li>
            
         
         </ul>

E troque as cores e nomes a seu desejo. Até mais!



Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre HTML & BBCode'

É possivel usar esse modelo de "grupos" para invision?

Olá amigo,

Digam uma coisa, você simplesmente deseja remover os parênteses ?

Abraços.

Boa Tarde, meu Index_body e CSS são ligados e com a modificação entraram em conflito, tentei remover algumas coisas que poderiam estar ligadas porém sem sucesso:


se possivel tem como removelos para min ?

CSS:

Código:

 /*
| Forum You Mundo | Creditos ao criador APOllO e a comunidade Divulga Youtubers|.
| Criado:  18/03/2015 |
                              . .  ,  ,
                              |` \/ \/ \,',
                              ;          ` \/\,.
                            :              ` \,/
                            |                  /
                            ;                :
                            :                  ;
                            |      ,---.      /
                          :    ,'    `,-._ \
                          ;    (  o    \  `'
                        _:      .      ,'  o ;
                        /,.`      `.__,'`-.__,
                        \_  _              \
                      ,'  / `,          `.,'
                ___,'`-._ \_/ `,._        ;
              __;_,'      `-.`-'./ `--.____)
          ,-'          _,--\^-'
        ,:_____      ,-'    \
        (,'    `--.  \;-._    ;
        :    Y      `-/    `,  :
        :    :      :    /_;'
        :    :      |    :
        \    \      :    :
          `-._ `-.__, \    `.
            \  \  `. \    `.
          ,-;    \---)_\ ,','/
          \_ `---'--'" ,'^-;'
          (_`    ---'" ,-')
          / `--.__,. ,-'    \
          )-.__,-- ||___,--' `-.
          /._______,|__________,'\
          `--.____,'|_________,-'*/
/*-Cuerpo y colores-*/
body {
  background: #FA4957 url(http://i.imgur.com/zBSNpIU.png);
  font: 13px/22px 'Lato', 'Arial', sans-serif;
  margin: 0 auto;
  padding: 0;
}
.pun {
  font: 13px/22px 'Lato', 'Arial', sans-serif;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
body, td, th, tr {
  color: #4F5961;
}
.wrapper {
  margin: 0 auto;
  width: 95%;
}
a {
  text-decoration: none;
  outline: none;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
a:hover, #footer a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.pun a:hover {
  color: #FA4957;
  text-decoration: underline;
  cursor: pointer;
}
@font-face{
  font-family:Lato;
  font-style:normal;
  font-weight:400;
  src:local('Lato Regular'), local(Lato-Regular), url(http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format("woff")
}
@font-face{
  font-family:Lato;
  font-style:normal;
  font-weight:700;
  src:local('Lato Bold'), local(Lato-Bold), url(http://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format("woff")
}
#tabs {
  width: 980px;
  margin-left: -15px;
}
/*-Header-*/
#logo a.houver {
  transparent: 0.5;
}
#header {
  height: 90px;
  background: #FA4957;
  border-bottom: 2px solid #FA4957;
}
#logo {
  display: block;
  float: left;
  width: 446px;
  height: 103px;
  background: url(http://i19.servimg.com/u/f19/19/06/16/36/banner14.png) 50% 0 no-repeat; /*banner*/
  margin-top: 20px;
}
#search {
  float: right;
  width: 240px;
  height: 32px;
  border: 1px solid #FA4957;
  margin-top: 30px;
  border-radius: 5px;
}
span, form, p {
  margin: 0;
  padding: 0;
}
#search input {
  float: left;
  background: none;
  border: none;
  outline: none;
  padding: 0;
}
#search input[type=text] {
  width: 186px;
  height: 16px;
  line-height: 16px;
  padding: 8px 10px;
  color: #423F3F;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
#search input[type=submit] {
  background: url(http://i.imgur.com/tjwe4L1.png) 0 0 no-repeat;
  border-left: 1px solid #FF2436;
  border-radius: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
#search input[type=text]:focus {
  background: #FA4957;
  color: #423F3F;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
input, button, select, textarea {
  font: 95%/115% 'Lato', sans-serif;
  color: #4F5961;
  background: #fff;
  border: 1px solid #7f9db9;
  padding: 5px;
  border-radius: 3px;
}
/*-Navbar-*/
#navbar {
  height: 50px;
  padding: 20px 0;
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
}
#topnav, #topnav ul {
  margin: 0;
  padding: 0;
  z-index: 999;
}
#topnav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
#topnav > li > a.active {
  background-color: #4F5961;
  color: #fff;
}
#topnav > li > a {
  line-height: 50px;
  padding: 0 18px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  color: #555F67;
}
#topnav li a {
  display: block;
  text-decoration: none;
  -o-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-in-out;
}
#topnav > li:hover > a {
  background: #4D5760;
  color: #fff;
}
#topnav > li {
  margin-right: 2px;
  padding-bottom: 5px;
}
#topnav li ul {
  position: absolute;
  width: 210px;
  left: -999em;
  padding: 5px 0;
  background: #4D5760;
  border-radius: 5px;
}
#topnav li:hover ul {
  left: 0;
  top: 52px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#topnav li li {
  width: 200px;
  height: auto;
}
#topnav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
#topnav li li a {
  color: #fff;
  line-height: 30px;
  font-size: 13px;
}
#topnav li li a {
  display: block;
  width: 174px;
  padding: 0 18px;
  color: #fff;
  height: auto;
  float: none;
  line-height: 30px;
  font-size: 13px;
}
#topnav > li {
  margin-right: 2px;
  padding-bottom: 5px;
}
#topnav li ul {
  position: absolute;
  width: 210px;
  left: -999em;
  padding: 5px 0;
  background: #4D5760;
  border-radius: 5px;
}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul {
  left: 190px;
  top: 0;
}
#topnav ul li a:hover {
  color: #37E6A6;
}
#topnav li li {
  width: 200px;
  height: auto;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul {
  top: -999em;
  left: auto;
}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul {
  left: 190px;
  top: 0;
}
/*-Board Notice-*/
#board-notice {
  padding: 20px 0;
  line-height: 20px;
  text-align: right;
  font-size: 12px;
}
/*-Toolbar-*/
#content-wrapper {
  margin-bottom: 40px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
#pun-visit, .main-box {
  display: none;
}
#toolbar {
  height: 60px;
  background-color: #555F68;
  background-image: linear-gradient(#5b656e, #4e5861);
  border-bottom: 1px solid #3E4248;
}
#quicknav {
  float: left;
  margin: 15px 0 0 15px;
}
#quicknav ul {
  margin: 0;
  padding: 0;
}
#quicknav li {
  float: left;
  list-style: none;
  margin: 0 3px 0 0;
  padding: 0;
}
#quicknav li.social a {
  background: #fff url(http://i19.servimg.com/u/f19/19/06/16/36/5zzjfc11.png) no-repeat;
  height: 34px;
  width: 34px;
  padding: 0;
  text-indent: -9999px;
  border-radius: 34px;
}
#quicknav li a {
  display: block;
  padding: 0 0 0 15px;
  line-height: 34px;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}
#quicknav li a {
  display: block;
  padding: 0 0 0 15px;
  line-height: 34px;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}
#quicknav li.facebook a { background-position: 0 0;}
#quicknav li.twitter a { background-position: 0 -78px;}
#quicknav li.googleplus a { background-position: 0 -156px;}
#quicknav li.flickr a { background-position: 0 -312px;}
#quicknav li.youtube a { background-position: 0 -390px;}
#quicknav li.pinterest a { background-position: 0 -468px;}
#quicknav li.facebook:hover a { background-position: 0 -39px;}
#quicknav li.twitter:hover a { background-position: 0 -117px;}
#quicknav li.googleplus:hover a { background-position: 0 -195px;}
#quicknav li.flickr:hover a { background-position: 0 -351px;}
#quicknav li.youtube:hover a { background-position: 0 -429px;}
#quicknav li.pinterest:hover a { background-position: 0 -507px;}
#account {
  float: right;
  margin: 15px 15px 0 0;
}
#account input[type=text], #account input[type=password] {
  background: #566069;
  border: 1px solid #45494F;
  width: 120px;
  height: 18px;
  padding: 7px 10px;
  border-radius: 5px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
#account input[type=text]:focus, #account input[type=password]:focus {
  background: #4C565F;
  border-radius: 5px;
  color: #9BA5AE;
}
#account input {
  float: left;
  border: none;
  outline: none;
  padding: 0;
  margin-left: 5px;
  color: #7A848D;
  line-height: 1;
}
#account input[type=submit], #account a.signup-btn {
  height: 34px;
  width: 34px;
  cursor: pointer;
  border-radius: 34px;
}
#account input[type=submit] {
  background: #FA4957 url(http://i.imgur.com/n5dzb3A.png) 0 0 no-repeat;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#account input[type=submit]:hover {
  background-color: #FA4957;
}
#account .signup-btn {
  background: #FA4957 url(http://i.imgur.com/n5dzb3A.png) 0 -39px no-repeat;
  float: left;
  margin-left: 5px;
}
#account .signup-btn:hover {
  background-color: #FA4957;
}
#userarea {
  line-height: 34px;
  color: #929ca5;
  float: right;
  letter-spacing: 1px;
  margin: 15px 15px 0 0;
  width: 324px;
  text-align: right;
}
/*-Main Content-*/
#main-content {
  background-color: #fff;
  padding: 15px;
  overflow: hidden;
}
.pun .main-content {
  background-color: #fbfbfb;
  border: none;
}
#profile-advanced-details div.separator {
  border-bottom: 1px solid #DEE8F1;
}
#profile-advanced-details dl {
  margin: 0.6em 0 0;
  padding: 0.6em 0px 0.7em 0;
  width: 98%;
}
.main .main-foot, .main .main-head {
  background-color: #FA4957;
  color: #fff;
  border-radius: 2px 2px 2px 2px;
  line-height: 38px;
  font-size: 1.12em;
  font-weight: bold;
  font-family: 'Lato', 'Arial', sans-serif;
  padding: .0em 0.5em;
}
#tabs ul li.activetab a {
  background-color: #FA4957;
  border-color: #FA4957;
  color: #f4f9fd;
  text-decoration: underline;
}
#tabs ul li a {
  background-color: #fff;
  border: 1px solid #E9E9E9;
  border-bottom: none;
}
#tabs ul li.activetab a:hover {
  background-color: #FA4957;
}
#profile-advanced-right .main-content.clearfix.center img:first-child {
  padding: 2px;
  border-radius: 10px;
  border: 1px solid #DEE8F1;
  background: #fff;
  width: 125px;
  -o-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-in-out;
}
#profile-advanced-right .main-content.clearfix.center img:first-child:hover {
  opacity: 0.9;
}
.main-content.standalone h2 {
  border-bottom: 1px solid #DEE8F1;
}
.main-content.standalone .button {
  background-color: #FA4957;
  border: 1px solid #FA4957;
  color: #f4f9fd;
  margin: 1em;
  padding: .5em 1em;
}
.main-content.standalone .button:hover {
  background-color: #89BAC2;
  border: 1px solid #FA4957
}
.main-content.standalone .button.button1 {
  font-weight: 500;
}
/*-Footer-*/
#pun-about #qjump, #pun-about fieldset {
  display: none;
}
#pun-about {
  background-color: #fff;
  border-color: #fff;
}
#footer {
  padding: 30px 0;
  background: #4B555D;
  color: #889497;/****/
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
#footer .wrapper {
  position: relative;
}
#footer a.backtop {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background: url(http://i.imgur.com/20hmQGl.png) 0 0 no-repeat;
  height: 22px;
  width: 22px;
}
#footer a.backtop:hover {
  background-position: 0 -27px;
}
#footer a {
  color: #FE8D91;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
}
#footer strong {
  color: #ADB9BC;
}
a:link, a:visited {
  color: #DEE8F1;
  text-decoration: none;
}
.smalltext, tr.smalltext th {
  font-size: 11px;
}
/*-Categorias-*/
.pun table.table td {
  background-color: #f8f8f8;
  border-color: rgba(0,0,0,0);
  border-style: none;
  border-width: 0;
}
.pun tbody.statused span.status {
  position: relative;
}
.icon.windowbg span img {
  margin-left: .1em;
}
.icon.windowbg {
  text-align: center;
  width: 5.9%;
}
.pun .main-content .table .statused tr {
  border-bottom: 1px solid #DEE8F1;
}
.pun tbody.statused td.tcl {
  padding-left: .9em;
}
.pun table.table td {
  line-height: 130%;
}
.pun table .tcr {
  font-size: 11px;
  text-align: right;
}
.pun table .tcr {
  font-size: 11px;
  overflow: hidden;
  padding: 0 .9em 0 .5em !important;
  text-align: right;
  width: 26%;
}
.pun .table .tc2, .pun .table .tc3 {
  font-size: 11px;
  line-height: 140%;
  text-align: left;
  width: 15%;
}
.tc2 span {
  color: #444;
  font-size: 133%;
}
table.table_list tbody.header td {
  padding: 0;
}
table.table_list tbody.header td div.cat_bar {
  margin-bottom: -1px;
}
div.cat_bar {
  background: url(http://i19.servimg.com/u/f19/19/06/16/36/owtok712.png) no-repeat 0 -164px;
  padding-left: 9px;
  height: 38px;
  overflow: hidden;
  margin-bottom: 1px;
}
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
  background: url(http://i19.servimg.com/u/f19/19/06/16/36/owtok712.png) no-repeat 100% -164px;/*bb*/
  padding-right: 9px;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
  color: #fff;
}
.pun h2, h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
  line-height: 38px;
  font-size: 1.12em;
  font-weight: bold;
  font-family: 'Lato', 'Arial', sans-serif;
}
.tcl .hierarchy .forumtitle {
  font-family: 'Lato', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 15px;
  color: #423F3F;
}
#posting_icons {
  padding: 0 1em 0.5em 1em;
  margin: 1.5em 0 2.4em 0;
  line-height: 1em;
}
#posting_icons ul {
  font-size: 0.8em;
}
ul.reset, ul.reset li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.floatleft {
  float: left;
}
#posting_icons img {
  vertical-align: middle;
  margin: 0 0 0 4ex;
}
#posting_icons ul {
  font-size: 0.8em;
}
.pun-crumbs {
  display: block;
  margin: 10px 0;
  padding: 5px 10px;
  overflow: hidden;
  clear: both;
  border: 1px solid #DEE8F1;
  border-radius: 3px;
}
.pun-crumbs .crumbs a {
  white-space: pre;
  color: #4F5961;
  font-size: 12px;
}
.pun-crumbs p {
  line-height: 1.9;
  color: #FA4957;
}
.pun .paged-foot, .pun .paged-head {
  background-color: transparent;
  border: none;
  padding: .6em 1.3em .3em;
}
#stats {
  border: 1px solid #DEE8F1;
  border-bottom: none;
  background-color: #FFFFFF;
}
#onlinelist {
  background-color: #FFFFFF;
  border: 1px solid #DEE8F1;
}
/*-Estadisticas-*/
.roundframe {
background: #fff;
border: 2px solid #eee;
border-radius: 5px;
padding: 10px;
}
#upshrinkHeaderIC {
margin-top: 4px;
}
div.title_barIC {
background: url(http://i19.servimg.com/u/f19/19/06/16/36/owtok710.png) no-repeat 0 -120px;
height: 40px;
margin-bottom: 1px;
overflow: hidden;
padding-left: 9px;
}
div.title_barIC h4.titlebg {
background: url(http://i19.servimg.com/u/f19/19/06/16/36/owtok710.png) no-repeat 100% -120px;
color: #302D2D;
}
h4.titlebg, h3.titlebg {
background: url(http://i19.servimg.com/u/f19/19/06/16/36/owtok710.png) no-repeat 100% -208px;
padding-right: 9px;
}
h4.titlebg img.icon {
float: left;
margin: 8px 8px 0 0;
}
div.roundframe div.cat_bar h3.catbg {
background: url(http://i19.servimg.com/u/f19/19/06/16/36/owtok710.png)/*fundo*/ no-repeat 20% -252px;
}
div.roundframe div.cat_bar {
background: url(http://i.imgur.com/OwToK7m.png) no-repeat 0 -252px;
margin-bottom: 0;
}
#upshrinkHeaderIC p {
margin: 0 0 0.5em 0;
padding: 0.5em;
}
#upshrinkHeaderIC p.stats {
font-size: 1.1em;
padding-top: 8px;
}
#upshrinkHeaderIC p.inline {
border: none;
margin: 0;
}
#upshrinkHeaderIC p.last {
margin: 0;
padding: 0.5em;
border-top: 2px dotted #bbb;
}
/*-Register-*/
#username_reg, #email, #password_reg {
  font: 95%/115% 'Lato', sans-serif;
  color: #4F5961;
  background: #fff;
  border: 1px solid #7f9db9;
  padding: 5px;
  border-radius: 3px;
}
fieldset.frm-set.multi {
  border-bottom: none;
  padding: 0;
  margin-bottom: -0px;
}
.main .main-content.frm {
  background-color: #fff;
}
.frm-buttons {
  border-top: 1px solid #DEE8F1;
}
.pun .frm .frm-buttons input {
  background: #FE7B7F;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  border: none;
  font: 95%/115% 'Lato', sans-serif;
  padding: 5px;
  border-radius: 3px;
}
.pun .frm .frm-buttons input:hover {
  background: #4D5760;
}
#pun-announcement {
  background-color: #EDF7FD;
  border: 1px solid #D6EFF8;
  color: #4F5961;
  font-weight: 700;
  margin-top: -20px;
  border-radius: 2px;
  padding: 1em;
}
.main .frm-info {
  background: #EDF7FD;
  border: 1px solid #D6EFF8;
  color: #4F5961;
  font-weight: 700;
  margin: 0.5em;
  padding: 1em;
}
/*-Chat-*/
#chatbox_members {
  border-right: 1px solid #DEE8F1;
  bottom: 37.5px;
}
#chatbox_footer {
  border-top: 1px solid #DEE8F1;
}
#chatbox_header.main-head {
  background-color: #423F3F;
  border-radius: 2px;
}
.chatbox-title, .chatbox-title a.chat-title {
  color: #FFFFFF;
  text-decoration: none;
  margin-left: -7px;
}
.chatbox-title {
  padding: 3px 5px 0;
}
.chatbox-options li:hover, .chatbox-options li a:hover, .chatbox-options li label:hover {
  color: white;
}
#chatbox_members .member-title {
  background-color: rgba(144, 196, 204, 0.5);
  border-bottom: 2px solid #FA4957
}
.member-title.away {
  background-color: rgba(77, 87, 96, 0.5);
  border-bottom: 2px solid #4D5760;
}
/*-Posts-*/
.pagesection {
 font-size: 0.9em;
  margin: 10px 0;
  overflow: hidden;
}
.nextlinks {
  text-align: right;
  margin-top: -1px;
}
.buttonlist.floatright ul li a {
color: #FFF;
}
.buttonlist ul {
  z-index: 100;
  padding: 0;
  margin: 0 0 5px 0;
}
.buttonlist li {
  margin: 0 0 0 2px;
  padding: 0;
  list-style: none;
  float: left;
}
.buttonlist li a {
  display: block;
  font-size: 12px;
  color: #fff;
  background: #626C75;
  height: 22px;
  line-height: 21px;
  padding: 0 8px;
  cursor: pointer;
  border-radius: 3px;
}
.buttonlist.floatright {
  float: right;
}
.align_top ul li a, .align_bottom ul li a {
  margin: 0 12px 0 0;
}
.pun .paging {
  float: left;
  font-size: .9em;
  font-weight: 300;
}
.pun .postmain {
  background-color: #FFF;
  border-left: none;
  margin-left: 14.6em;
}
.pun .post .user {
  float: left;
  margin-left: -14em;
  margin-top: -45px;
}
.user-basic-info a img {
  width: 100px;
  border: 1px solid #000;
  padding: 1px;
}
.pun .posthead {
  background: #FFF;
  border-bottom: 1px solid #DEE8F1;
  padding: 0;
}
.postfoot {
  border-top: 1px solid #DEE8F1;
  clear: both;
  margin-left: -14.6em; 
}
.pun .user {
  width: 15em
}
.sig-content {
  border-top: 1px solid #DEE8F1;
}
.pun .user .user-info {
  font-size: 11px;
}
.pun .user .username {
  font-size: 16px;
  color: #434D55;
}
.keyinfo {
  margin-top: 8px;
  border-bottom: 1px solid #DEE8F1;
}
.messageicon {
  float: left;
  margin: 0 0.5em 0 0;
}
.messageicon img {
  padding: 6px 3px;
}
h5 {
  color: #434D55;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
/*Viewtopic*/
.uix_usernameWrapper span.username .i_icon_online{margin-right:5px} .pun .post .user { float:left; margin-left:0!important; margin-top:0!important; padding-top:0!important; position:relative; width:160px!important; } .pun .postmain { background-color:#fbfbfb; border:1px solid #e2e2e2!important; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; margin:16px auto 16px 0 !important; padding:8px; } .pun .post-entry { float:left; width:79%; padding:1em 1em 0; } .pun .post { border-color:none!important; border-style:none!important; border-width:0!important; } .postfoot { border-top:0 dashed!important; clear:both; margin-left:0!important; text-align:right; padding:.5em 1em; } .pun .posthead { float:left; background:none!important; border-bottom:0 dashed #ccc!important; } .user-basic-info img:first-child { -moz-border-radius:100%; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); -webkit-border-radius:100%; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1); background:#fff; border:1px solid #d8d8d8; border-radius:100%; box-shadow:0 2px 2px rgba(0,0,0,0.1); height:110px; width:110px; padding:2px; } .messageUserBlock .extraUserInfo div { border-bottom:1px dashed #e2e2e2; padding-top:5px; } .user .messageUserInfo .messageUserBlock h3.userText br { display:none; } .messageUserInfo { background-color:#FFF; float:left; width:140px; margin-left:5px; } .messageUserBlock { background-color:#FFF; border:1px solid #e2e2e2; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; position:relative; } .messageUserBlock div.avatarHolder { background-color:#FFF; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; -khtml-border-bottom-right-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -khtml-border-bottom-left-radius:0; border-bottom-left-radius:0; text-align:center; position:relative; padding:8px; } .messageUserBlock div.avatarHolder .avatar { display:block; font-size:0; } .messageUserBlock h3.userText { background-color:#f0f0f0; border:0 solid #e2e2e2; border-top-width:1px; padding:8px; } .messageUserBlock a.username { font-weight:700; display:block; overflow:hidden; line-height:16px; } .messageUserBlock .userTitle { font-size:11px; display:block; } .messageUserBlock .uB:last-child { margin-bottom:0; } .uB.wp { -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; position:relative; } .messageUserBlock .uB { display:block; margin:5px -14px; } .uB { font-size:11px; background:transparent url(styles/uix/xenforo/gradients/form-button-white-25px.png) repeat-x top; border:1px solid transparent; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; text-align:center; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none; -khtml-box-shadow:none; box-shadow:none; padding:4px 5px; } .uB.wp span.ber { -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; -khtml-border-top-left-radius:3px; border-top-left-radius:3px; left:-1px; } .uB.wp span.aft { -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; -khtml-border-top-right-radius:3px; border-top-right-radius:3px; right:-1px; } .uB.wp span { position:absolute; top:-4px; width:5px; height:4px; background-color:inherit; } .uB.bannerStaff { background-color:#fafafa; background:#6ba65e; color:#FFF; border-color:transparent; } .messageUserBlock .extraUserInfo { font-size:12px; background-color:#FFF; border:0 solid #e2e2e2; border-top-width:1px; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; padding:4px 6px; } .messageUserBlock .extraUserInfo dl { margin:2px 0 0; } .messageUserBlock .arrow { position:absolute; top:10px; right:-10px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#e2e2e2; -moz-border-left-colors:#e2e2e2; border-right:none; _display:none; } .messageUserBlock .arrow span { position:absolute; top:-10px; left:-11px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#FFF; -moz-border-left-colors:#FFF; border-right:none; }@media only screen and (max-width: 1024px) and (min-width: 1000px){ .pun .post-entry { width: 75%!important; }}
/*ViewTopic Rank*/
.uF.adm {
background:#3698be url(http://i.imgur.com/HBePiQw.png)!important;
color:#FFF!important;
border-color:transparent!important;
}
/*Info membro em balão*/
.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }
/*Inbox*/
#bs_full_inbox {
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 18px;
margin-top: 15px;
display: none;
width: 450px;
background: #fff;
box-shadow: 0px 15px 110px rgba(0,0,0,0.2);
border-radius: 3px;
z-index: 200;
position: absolute;
}
#bs_full_inbox a {
color: #255b79;
text-decoration: none;
}
#bs_full_inbox a:hover {color: #cd3816;}
#bs_full_inbox:before {
border-style: solid;
border-width: 15px;
border-color: transparent transparent #fff;
bottom: 100%;
pointer-events: none;
left: 15px;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
z-index: 3;
}
.bs_inbox_header {
background: #fff url('http://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
border-bottom: 1px solid #e0e0e0;
box-shadow: 0px 1px 6px rgba(0,0,0,0.07);
border-radius: 3px 3px 0px 0px;
padding: 10px;
line-height: 24px;
}
.bs_inbox_header .compose {
font-size: 12px;
line-height: 28px;
padding: 0 15px;
float: right;
background: #262e33;
color: #ffffff !important;
font-weight: 500;
text-align: center;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.1);
-webkit-transition: 0.1s all linear;
-moz-transition: 0.1s all linear;
-ms-transition: 0.1s all linear;
-o-transition: 0.1s all linear;
transition: 0.1s all linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
}
.bs_inbox_header .compose:hover {
background-image: url('http://i.imgur.com/eaB5FHK.png');
background-repeat: repeat;
}
.bs_inbox_sectionHead {
font-size: 18px;
color: #333333;
line-height: 24px;
font-weight: 400;
display: inline-block;
margin: 0;
}
.bs_inbox_inner {
width: 100%;
display: table;
table-layout: auto;
position: relative;
border-collapse: separate;
border-spacing: 0;
list-style: none;
padding: 0;
margin: 0;
}
.bs_inbox_li {
width: 100%;
position: relative;
padding: 5px 3px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #f5f5f5;
}
.bs_inbox_li:last-child {border-bottom: 0;}
.bs_inbox_li strong {font-weight: normal !important;}
.bs_inbox_item, .bs_user_p {
display: table-cell;
padding: 8px 10px;
}
.bs_inbox_item {color: #9c9c9c;}
.bs_inbox_item .topictitle {display: inherit;}
.bs_inbox_footer {
background: #fff url('http://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
text-align: center;
padding: 10px;
line-height: 24px;
border-top: 1px solid #e0e0e0;
box-shadow: 0px -1px 6px rgba(0,0,0,0.07);
border-radius: 0px 0px 3px 3px;
}
.bs_inbox_photo {
background: #fff;
border: 1px solid #fff;
box-shadow: 0px 0px 0px 1px #e2e2e2;
padding: 0.5px;
vertical-align: middle;
line-height: 1px;
position: relative;
border-radius: 150px;
width: 34px;
height: 34px;
}
/*Rank Fundador*/
.Fundador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #7A71FA;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
margin-left: 25px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
/*Descriçao houver*/
.descricao {
transition-duration: 1s;
-webkit-transition-duration: 1s;
opacity: .0;
}
.descricao:hover {
opacity: 1!important;
}

no aguardo

Olá amigo,

Queira por gentileza, tirar o seu fórum da manutenção

Até mais.

Retirado

Olá!

Você já não está usando o código amigo...
Ainda quer suporte em relação a está questão?

Até mais.

Saudações,

Você está mexendo em uma coisa na CSS que pode ter uns bugs nessa legenda de equipe.

Até,

Ichees escreveu:Olá!

Você já não está usando o código amigo...
Ainda quer suporte em relação a está questão?

sim amigo ainda quero, e porque estava a testar algumas coisas para ver se eu conseguia, já, está lá.

KauanPixel escreveu:Você está mexendo em uma coisa na CSS que pode ter uns bugs nessa legenda de equipe.

e como expliquei a cima meu Css e templete estão ligados.

Ainda no aguardo

Mande-me seu index_body outra vez, já com meu código.

Saudações,

Onde esta o link referente ao teu fórum?
Poderia nos mandar o link para que possamos ver como esta a função?

Até mais.
Sennior

Amigos podem fechar, tó a fazer modificações diferentes, qualquer coisa abro um outro tópico, obrigado por tudo ae