Informações:
Autor: Daemon
Funcionalidade: PunBB
neste tutorial iremos aprender a tornar um tópico quente baseando-se no número de respostas.
Acesse:
Crie um novo Javascript com investimento nos sub-fóruns com esse codigo:Painel de Controle ☛ Modulos ☛ Html e Javascript ☛ Gestão dos codigos Javascript
- 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:
Adicione esse codigo CSS em sua folha de estilo:Painel de Controle ☛ Visualização ☛ Imagens e Cores ☛ Cores ☛ 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) {
Resultado: