Informações:
Autor: Daemon
Funcionalidade: PunBB

---

neste tutorial iremos aprender a tornar um tópico quente baseando-se no número de respostas.

Acesse:

Painel de Controle ☛ Modulos ☛ Html e Javascript ☛ Gestão dos codigos Javascript

Crie um novo Javascript com investimento nos sub-fóruns com esse codigo:

Código:

$(document).ready(function(){
$('thead:contains("Respostas")').each(function() {
  $(this).parents('.main-content').find('td.tc2').each(function() {
  var number = parseInt($(this).text());
  var hot = '<span class="hot_topic">Quente</span>';
  if(number >= 3) {
    $(this).append(hot);
  }
  });
});
});

Feito isto acesse:

Painel de Controle ☛ Visualização ☛ Imagens e Cores ☛ Cores ☛ Folha de Estilo

Adicione esse codigo CSS em sua folha de estilo:

Código:

.hot_topic {
background: #ED7710;
display: block;
height: 16px;
margin: 0 auto;
max-width: 45px;
line-height: 16px;
padding: 1px 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
}

OBS: O código JS está definido pra tornar o topico Quente com 3 mensagens,caso queira mudar procure por:

Código:

if(number >= 3) {

e altere o 3 pelo numero minimo de mensagens que deseja que tenha esse efeito
Resultado: