[Tutorial] Tópico quente

Ir em baixo

[Tutorial] Tópico quente

Mensagem por JQuery em Sab Mar 01, 2014 8:03 pm



Tópico quente




--> Tutoriais, dicas e astúcias <--
Tópico quente  



- Colocação do código Java-Script
Primeiro iremos aceder ao Painel de controle  Módulos  HTML & JAVASCRIPT  Gestão dos códigos JavaScript Crie um novo.
Título: A sua escolha
Investimento: Nos sub-fóruns
Codigo:
Código:
$(document).ready(function(){
$('thead:contains("Respostas")').each(function() {
  $(this).parents('.main-content').find('td.tc2').each(function() {
  var number = $(this).text();
  var hot = '<span class="hot_topic">Quente</span>';
 if(number >= 3) {
  $(this).append(hot);
 }
  });
});
});


- Colocação do código CCS:
Primeiro iremos aceder ao Painel de controle  Visualização  Imagens e Cores  Cores Folha de estilo CSS:

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;
}


- Resultado:





© Web Design


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Tópico quente
avatar
JQuery
Administrador
Administrador

Mensagens : 142
Localização : Penafiel
Reputação : 26
Barra de respeito às regras :

Ver perfil do usuário http://webdesign.forum-pro.net

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

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