Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Administrador
Mensagens : 441
Pontos : 9681
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Tornar topico quente

em 21.12.15 13:28
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:

avatar
Administrador
Mensagens : 441
Pontos : 9681
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Re: Tornar topico quente

em 21.12.15 13:29
Tutorial Aceito
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum