Contagem de tópico e mensagem diferente

Qual é minha questão:
Tem como deixar assim: https://i.servimg.com/u/f55/18/70/08/92/12321310.jpg

Site da imagem: http://suportedesign.forumeiros.com/forum

Endereço do meu fórum:
http://olimpicosrpg.web-rpg.com

Versão do fórum:
INVISION

Olá!
Dá sim, com certeza até somente com CSS, mas com essas imagens que tem em suas categorias, tomam bastante espaço, veja:


JS

http://legendofseiya.forumeiros.com/


é pra esse fórum, malz..

Ok, crie algum tópico lá por favor.

JS

Saudações meu caro!

Queira checar por gentileza:

Inserir contador de tópicos

O código CSS utilizado pelo o fórum indicado, é este:

Código:

.stats_number {
font-size: 16px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
display: block;
text-align: center;
color: #BBB;
position: relative;
overflow: hidden;
}
.stats_text {
font-size: 10px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
display: block;
text-align: center;
color: #DDD;
}

Caminho: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Até mais!

@Dokyo
Você tem certeza de que ele quer um "contador de tópicos"?!
Veja a imagem abaixo:


É isso que ele deseja...

JS

É Dokyo tu n entendeu :bit2:

@coenzi

Leia:

JScript escreveu:Ok, crie algum tópico lá por favor.

JS

Mas Tem tópicos criados em área de discussão, n da para testar por la?

coenzi escreveu:Mas Tem tópicos criados em área de discussão, n da para testar por la?

Até a minha última mensagem, não existia nenhum tópico!

---

Adicione o código CSS baixo:

Código:


.main-content thead {
  display: none !important;
}
.pun .table .tc2, .pun .table .tc3 {
  color: #BBBBBB;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  text-align: center; 
  width: 10%;
}
.pun .main table td.tc2:after {
  content: "\A TÓPICOS";
  color: #DDDDDD;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
  text-align: center;
}
.pun .main table td.tc3:after {
  content: "\A MENSAGENS";
  color: #DDDDDD;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
  text-align: center;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
  background-color: #FBFBFB !important;
  white-space: pre;
}


Resultado:


Abraços,

JS

Resultou, obrigado.