Código de icon online e offline

Qual é minha questão:
Coloquei estes códigos e não resulta:

Código:

.online{z-index: 999 !important;
background: #eeeeee url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right;}

Código:

.post{
background: #eeeeee url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right;}

Endereço do meu fórum:
http://www.master-publicitario.forumeiros.com

Versão do fórum:
PHPBB3

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento Nos tópicos (temas)

Codigo JavaScript:

jQuery(document).ready(function () { $('.post').not('.online').addClass('offline'); });

Clique em "Confirmar".

Feito isto,

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

.online{background-image: url("https://i.servimg.com/u/f66/13/46/75/82/online15.png"); background-position: right 0; background-repeat: no-repeat} .offline{background-image: url("https://i.servimg.com/u/f66/11/96/49/61/offlin10.png"); background-position: right 0; background-repeat: no-repeat}

Valide.

Melhores cumprimentos,
Today

Não resultou

UP !

Olá!
Veja este tópico:
[TUTORIAL] Adicionar ícone Online / Offline

Até mais!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Olá!

Substitua o JS por esse:

Código:

jQuery(document).ready(function () {
$('.post').not('.online').addClass('offline');
});

E substitua o CSS por esse:

Código:

.online {
background-image: url("URL_IMAGEM_ONLINE");
background-position: right 0;
background-repeat: no-repeat;
}

.offline {
background-image: url("URL_IMAGEM_OFFLINE");
background-position: right 0;
background-repeat: no-repeat;
}

Modifique os valores URL_IMAGEM_ONLINE e URL_IMAGEM_OFFLINE.

Mantenha o investimento Nos tópicos (sobre os temas).

Melhores cumprimentos.

Sim eu já segui mas eles não aparecem

Não resultou

Olá!

Utilize esse código CSS:

Código:

.post{background:url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right}.online{background: url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right}

Até mais.

Não aparece

Olá!

Utilize esse código CSS:

Código:

.post{background:white url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right!important}.online{background:white url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right!important}

Até mais.

Resolvido