Modificar aparência da legenda dos grupos

Detalhes da questão

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

Descrição

Vocês conseguem tirar os [] e o Legenda : Só deixar os grupos mesmo.

http://prntscr.com/8543xk

Olá!

Adicione à sua folha de estilos:

Código:

#i_whosonline + p br + br + em {
color:transparent!important;
}

Cumprimentos.
Fraise

Olá,
bom ficou assim: http://prntscr.com/854nnb

Sera que tem como colocar um pouco pra esquerda e arrumar o grupo dos jogadores e dos recém-inscritos? pois estão em cima dos outros..

Estranho viu amigo... No mais o senhor vai adicionar este código, antes do "}" dos grupos Recem escritos e jogadores:

Código:

top: 9px!important;
position: relative;

Se não conseguir, mande seu CSS.
Até mais.

Não funcionou, olha minha css:

Código:

/* ~~~~~~~~~~~~~~~~~~~~~~ GRUPOS ~~~~~~~~~~~~~~~~~~~~~~ */
#i_whosonline + p br + br + em {
color:transparent;
}

a[href="/g8-fundadores"] {
    background:#00BCC6;!important;
    box-shadow: 1px 1px 3px #6B6B6B;
    border-radius: 2px;
    color: #F2F2F2!important;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    margin-bottom: -5px;
    padding: 5px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}

a[href="/g2-senior"] {
    background:#FF0000;!important;
    box-shadow: 1px 1px 3px #6B6B6B;
    border-radius: 2px;
    color: #F2F2F2!important;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    margin-bottom: -5px;
    padding: 5px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}

a[href="/g10-supervisoresa"] {
    background:#0022FF;!important;
    box-shadow: 1px 1px 3px #6B6B6B;
    border-radius: 2px;
    color: #F2F2F2!important;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    margin-bottom: -5px;
    padding: 5px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}

a[href="/g5-fiscalizadoresa"] {
    background:#AFB42B;!important;
    box-shadow: 1px 1px 3px #6B6B6B;
    border-radius: 2px;
    color: #F2F2F2!important;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    margin-bottom: -5px;
    padding: 5px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}

a[href="/g11-helpers"] {
    background:#A300CC;!important;
    box-shadow: 1px 1px 3px #6B6B6B;
    border-radius: 2px;
    color: #F2F2F2!important;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    margin-bottom: -5px;
    padding: 5px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}

a[href="/g15-org-de-eventos"] {
    background:#FFAA00;!important;
    box-shadow: 1px 1px 3px #6B6B6B;
    border-radius: 2px;
    color: #F2F2F2!important;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    margin-bottom: -5px;
    padding: 5px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}

a[href="/g17-atendentes"] {
    background:#00DAF7;!important;
    box-shadow: 1px 1px 3px #6B6B6B;
    border-radius: 2px;
    color: #F2F2F2!important;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    margin-bottom: -5px;
    padding: 5px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}

a[href="/g16-moderadoresa"] {
    background:#8BC34A;!important;
    box-shadow: 1px 1px 3px #6B6B6B;
    border-radius: 2px;
    color: #F2F2F2!important;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    margin-bottom: -5px;
    padding: 5px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}

a[href="/g14-jogadoresa"] {
    background:#707070;!important;
    box-shadow: 1px 1px 3px #6B6B6B;
    border-radius: 2px;
    color: #F2F2F2!important;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    margin-bottom: -5px;
    padding: 5px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}

a[href="/g13-recem-inscritosa"] {
    background:#DBDBDB;!important;
    box-shadow: 1px 1px 3px #6B6B6B;
    border-radius: 2px;
    color: #F2F2F2!important;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    margin-bottom: -5px;
    padding: 5px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ TAMANHO DO QUADRO  ~~~~~~~~~~~~~~~~~~~~~~ */
#wrap {
  border-radius:10px 10px 10px 10px;
  width:85%;
}


/* ~~~~~~~~~~~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~~ */
.navbar span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom span, .navbar span.corners-top span {
display: none !important;
}
ul.navlinks {
border-radius: none !important;
}
#page-header .navbar ul.navlinks {
background-color:#E0E0E0;
height: auto;
margin-left: -15px;
width: 1157px;
}
ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
}

ul.linklist.navlinks a {
color: #FFF;
padding: 0 15px;
text-decoration: none;
}

a.mainmenu {
color: black !important;
}

ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
    background-color:#9E9E9E;
    transition: all 0.8s;
    width: auto !important;
}

a.mainmenu[href="/faq"]{
display: none !important;
}

a.mainmenu[href="/calendar"]{
display: none !important;
}

#page-header .navbar ul.navlinks {
    width: auto !important;
    margin-right: -15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~ QUADRADO DOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */

.forabg {
  box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
  background-color:#757575;
  border-radius:10px 10px 0 0;
  margin-right: -6px;
  width: auto !important;
  width:1155px;
  margin-left:-7px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~ HOVER NOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */

li.row
{
  border-radius:20px 20px 20px 20px;
-webkit-transition:All 0.001s linear;
-moz-transition:All 0.001s linear;
-ms-transition:All 0.001s linear;
-o-transition:All 0.001s linear;
}
li.row:hover {
 border:1px solid #000;
-moz-transform: scale(1,1.1);
-ms-transform: scale(1,1.1);
-o-transform: scale(1,1.1);
-webkit-transform: scale(1,1.1);
}

/* ~~~~~~~~~~~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~~ */

.table-title {
  color:#000;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENSAGENS DOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
.post .inner {
  border-bottom:1px solid #000;
  border-right:1px solid #000;
  border-left:1px solid #000;
  border-radius:30px 30px 30px 30px;
  box-shadow:0 2px 0 0 #999999;
}

.postbody {
width: 75%!important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ PERFIL ~~~~~~~~~~~~~~~~~~~~~~ */

.postprofile {
margin-left:12px;
}
.postprofile{
  border: 1px solid
gainsboro;
border-radius: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
}

.postprofile {
 background-color:#fafafa;
 box-shadow: 0px 0px 7px #999999;
  border-radius: 5px 5px 5px;
  padding: 4px;
}

dl.codebox dt {
  background-image: url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/page-code-icon.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
dl.codebox{
  border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}

.postprofile {
text-align: center !important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ WIDGETs  ~~~~~~~~~~~~~~~~~~~~~~ */
.module {
    margin-top:50px;
    background-color:#F5F5F5;
    color: #000;
    margin-bottom: 4px;
    overflow: hidden;
    padding: 0 10px;
    border: 50px!important;
    border-color: #315C99 #b9c4cd #b9c4cd!important;
    border-radius: 6px 6px 3px 3px!important;
    border-style: solid!important;
    border-width: 0 1px 1px!important;
    margin: 3px 1px;
    padding-bottom: 8px;
    padding-top: 4px;
}

.module .h3 {
    color: #000;
  border-bottom:1px solid #000;
}

#left {
  margin-top:100px;
}

#left .module .h3 {
    background-color:#757575;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
    color: #FFF!important;
    cursor: default!important;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    margin-left: -9px!important;
    margin-right: -9px!important;
    margin-top: -5px!important;
    padding: 7px!important;
    text-align: center!important;
}

.inner .row1 {
background-color:#F5F5F5!important;
}

.inner .row2 {
background-color:#F5F5F5!important;

}

/*******CURTIR NO POST********/
  #rep_post .reput_vote {
  background-color: #daedfb;
  color: #666;
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
}
.reput_vote.zero {
  background-color: #6a6a6a;
}
 
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
.BS_like {
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
  user-select: none;
}

.BS_like:before {
  content: "Curtir";
}
 
  #rep_post .bs_inline {
  list-style: none;
}
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
 
  #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}


.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

#rep_post .reput_vote:before {
  content: "Curtidas ";
}
/***********FIM CURTIR************/

.degrade {
background-position-x:10px;
}

Olá!

Tente assim:

Código:

#i_whosonline + p br + br + em {
    color: transparent;
    width: 50%!important;
}

Cumprimentos.
Fraise

Não funcionou ..

Olá!

Troque os códigos passados anteriormente por este:

Código:

#i_whosonline + p br + br + em {
color:transparent;
display: flex!important;
margin-left: -60px;
}

Cumprimentos.
Fraise

Ficou perfeito, mas 2 grupos ficou errado.

http://prntscr.com/85fold

Tem como arrumar?

Olá tente retirar o
"display: flex!important;"

do seu css:

#i_whosonline + p br + br + em {
   color: transparent;
   display: flex!important;
   margin-left: -55px;
}

att Jufasa' xD

Até deu, mas ficou assim: http://prntscr.com/86uvie


O grupo recém-inscrito está em cima do grupo fundador.

Olá!

Troque por este:

Código:

#i_whosonline + p br + br + em {
    color: transparent;
    margin-left: -70px;
}

Cumprimentos.
Fraise

tente colocar este:

Código:

#i_whosonline + p br + br + em a {
    font-size: 9px!important;
}
#i_whosonline + p br + br + em {
    font-size: 2px!important;
    margin-left: 20px;
}

O motivo pelo qual ele passa para a outra linha é falta de espaço então eu tentei colocar pais pequeno as legendas.

att jufasa'

Aee, deu valeu ae mano, ficou top.