Best Style

Você não está conectado. Conecte-se ou registre-se

Tornar topico quente

Ir em baixo  Mensagem [Página 1 de 1]

1 Tornar topico quente em 21.12.15 13:28

Sliw

avatar
Administrador
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:

Ver perfil do usuário http://beststyle.forumeiros.com

2 Re: Tornar topico quente em 21.12.15 13:29

Sliw

avatar
Administrador
Tutorial Aceito

Ver perfil do usuário http://beststyle.forumeiros.com

Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum