Imagem "Quente"

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

Resolvido Imagem "Quente"

Mensagem por RodrigoGatto em 26/07/15, 11:43 pm

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

RodrigoGatto
Nível 7

Masculino
Inscrito dia : 10/04/2015
Mensagens : 98
Pontos Ativos : 138

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

Resolvido Re: Imagem "Quente"

Mensagem por Fraise em 27/07/15, 08:42 am

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'
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Imagem "Quente"

Mensagem por RodrigoGatto em 27/07/15, 08:10 pm

Não resultou
avatar

RodrigoGatto
Nível 7

Masculino
Inscrito dia : 10/04/2015
Mensagens : 98
Pontos Ativos : 138

Ver perfil do usuário http://tbgrpg.forumeiros.com
  • 0

Resolvido Re: Imagem "Quente"

Mensagem por viniliff em 27/07/15, 08:18 pm

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é.
avatar

viniliff
Membro do Fórum

Masculino
Inscrito dia : 04/06/2014
Mensagens : 1710
Pontos Ativos : 2079

Ver perfil do usuário http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Resolvido Re: Imagem "Quente"

Mensagem por RodrigoGatto em 27/07/15, 09:16 pm

Resultou sim!
Muito obrigado
avatar

RodrigoGatto
Nível 7

Masculino
Inscrito dia : 10/04/2015
Mensagens : 98
Pontos Ativos : 138

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

Resolvido Re: Imagem "Quente"

Mensagem por Fraise em 27/07/15, 09:59 pm

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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