Imagem de "NEW" ao criar novo tópico

Detalhes da questão

Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: PunBB

Descrição

Antes de colocar os ícones atuais do fórum (Por css) eu tinha como saber as novas mensagens postadas pelos usuários, ou seja aparecia um ícone de cor diferente.

No meu caso atual, eu gostaria de adicionar esse gif: http://www.djsce.ac.in/nw.gif ao lado do nome da mensagem.

Exemplo:
https://i.imgur.com/7qvjl6d.png?1

Sugestões de ate.... ficaria ao lado disso, seria possível ?
Ou seria possível fazer tipo quando tiver novas mensagens os icones do meu fórum ficassem azúis.
Tipo, nos ícones, quando passo o mouse fica assim: https://i.imgur.com/5wXKhrt.png?1 , seria possível ficar assim ou piscando quando tiver novas mensagens ?

Olá.
Precisarei que o senhor poste uma nova mensagem em qualquer tópico visível para membros de seu fórum, e que me indique em qual é.
Por exemplo, se o senhor postar em: "Regras Servidor e Fórum", avise.
Já se postar em: "Noticias Da Administração", avise também.
Isso para qualquer um, só para eu saber qual tem novas mensagens para que eu possa elaborar o código.

Ficarei no aguardo.
Até!

Aqui está: http://www.brasilplayultimate.com.br/t1915-teste-ignorem

Novo JavaScript, investido em todas as páginas:

Código:

(function ($) {
  'use strict';

  var faCSS = '0px -40px 0px #2ea3f2 inset'

  $(function () {
    $('img[alt="Novas mensagens"]')
      .closest('td')
        .find('.topic-ball')
          .children('i')
            .css({
              'box-shadow': faCSS,
              'border-radius': '100px',
              'color': '#fff'
            })
    ;
  });
 
}(jQuery));

Até!

Sem resultado... :/

O senhor testou uma nova mensagem?
O código só deixa as bolinhas azuis quando há novas mensagens.

Nota:
Se você posta uma mensagem, não muda nada.
Tente logar em outra conta no seu fórum, postar uma mensagem, depois logue em sua conta oficial, e veja se está funcionando.

Até!

---

Edit:
Erro meu, desculpe:

Código:

(function ($) {
  'use strict';
 
  var faCSS = '0px -40px 0px #2ea3f2 inset';
 
  $(function () {
    $('img[alt="Novas mensagens"]')
      .closest('td')
        .find('.topic-ball')
          .children('i')
            .css({
              'box-shadow': faCSS,
              'border-radius': '100px',
              'color': '#fff'
            })
    ;
  });
 
}(jQuery));

Luiz~ escreveu:O senhor testou uma nova mensagem?
O código só deixa as bolinhas azuis quando há novas mensagens.

Nota:
Se você posta uma mensagem, não muda nada.
Tente logar em outra conta no seu fórum, postar uma mensagem, depois logue em sua conta oficial, e veja se está funcionando.

Até!

testei em 2 contas, inclusive novo tópico com as duas.
Testei em navegador anonimo para ver também e a mesma coisa ...
Pedi um moderador do meu fórum para ver e também a mesma coisa... sem resultados ...

Falando nisso, bugou até alguns JS do meu fórum, o de deixar oculto o widget "membros mais ativos da semana, efeito hover no nick do usuário, etc"

Olá.
Desculpe, foi um erro meu.
Altere o código por:

Código:

(function ($) {
  'use strict';
 
  $(function () {
    $('img[alt="Novas mensagens"]')
      .closest('td')
        .find('.topic-ball')
          .children('i')
            .css({
              'box-shadow': '0px -40px 0px #2ea3f2 inset',
              'border-radius': '100px',
              'color': '#fff'
            })
    ;
  });
 
}(jQuery));

Resulta?

Até!

Perfeito mano! Muito obrigado! <3

---

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