Imagem "Quente"

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Imagem "Quente"

Mensagem por RodrigoGatto 27.07.15 3:43

Ola,gostaria de que aparecesse essa imagem quando o tópico alcansasse 30 mensagens.
Imagem: https://i.imgur.com/w64nNTt
RodrigoGatto

RodrigoGatto
***

Membro desde : 10/04/2015
Mensagens : 108
Pontos : 158

http://tbgrpg.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Imagem "Quente"

Mensagem por Fraise 27.07.15 12:42

Olá!

Crie um novo JavaScript com investimento "Em todas as páginas":
Painel de Controle Flecha ajudeiros Módulos Flecha ajudeiros Gestão dos códigos JavaScript
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 >= 29) {
  $(this).append(hot);
 }
  });
});
});

Depois, aceda à sua folha de estilos:
Painel de Controle Flecha ajudeiros Visualização Flecha ajudeiros Cores Flecha ajudeiros Folha de estilos 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;
}

Cumprimentos.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre JavaScript & jQuery'
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem "Quente"

Mensagem por RodrigoGatto 28.07.15 0:10

Não resultou
RodrigoGatto

RodrigoGatto
***

Membro desde : 10/04/2015
Mensagens : 108
Pontos : 158

http://tbgrpg.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Imagem "Quente"

Mensagem por viniliff 28.07.15 0:18

Olá,

Tente adicionar o seguinte código JavasCript com investimento em todas as páginas:

Painel de Controle -> Módulos -> Gestão dos códigos JavaScript

Código:
$(document).ready(function () {
    var sCSS = '<style>.popularhancki {background: #ED7710;display: block;height: 16px;margin: 0 auto;max-width: 50px;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;}</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);
    $("ul.topiclist dfn").remove();
        $('.forumbg .row dd.posts').each(function () {
            var numerorespostas = $(this).text();
            var popularhancki = '<span class="popularhancki">Quente</span>';
            if (numerorespostas >= 29) {
                $(this).append(popularhancki);
            }
        });
});

Resulta? Piscada

Até.
viniliff

viniliff
Super Membro

Membro desde : 04/06/2014
Mensagens : 1711
Pontos : 2076

http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem "Quente"

Mensagem por RodrigoGatto 28.07.15 1:16

Resultou sim!
Muito obrigado
RodrigoGatto

RodrigoGatto
***

Membro desde : 10/04/2015
Mensagens : 108
Pontos : 158

http://tbgrpg.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Imagem "Quente"

Mensagem por Fraise 28.07.15 1:59

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos