ícone Online / Offline

Detalhes da questão

Endereço do fórum: http://policia-militar-ls.forumeiros.com/forum
Versão do fórum: phpBB3

Descrição

então eu gostaria de ajuda como colocar o ícone Online / Offline ao lado do post como a imagem > http://prntscr.com/hvuc68

eu vi esse tópico de ajuda > https://ajuda.forumeiros.com/t23170-tutorial-adicionar-icone-online-offline (porem não entendi e não funcionou)

desde já obrigado

Olá, leia esse tópico e veja se algum dos códigos funcionam. (Mais especificamente as mensagens do Shek e do MateusV.)

https://ajuda.forumeiros.com/t94356-

Até mais

Harleen escreveu:Olá, leia esse tópico e veja se algum dos códigos funcionam. (Mais especificamente as mensagens do Shek e do MateusV.)

https://ajuda.forumeiros.com/t94356-

Até mais

Então Harleen eles fala criar javascript etc mais qual investimento etc não estou entendo e possível me explicar melhor por gentileza ?

desde já obrigado!

Ponha esse código com o investimento nos tópicos https://ajuda.forumeiros.com/t94356-online-e-offline#644247 (a mensagem do Shek) e use o CSS também, fiz um teste pelo console e ficou assim:



Você já tem alguma imagem de Online e Offline? é bom alterar para evitar problemas...

O que não está entendendo exatamente?

Até mais

Então Harleen eu quero que as imagem fique aqui > http://prntscr.com/hw1e8d

Olá, ranzatti, remova o script e insira em sua folha CSS, depois veremos as mudanças.

Código:

.online {
  background-image: url(https://i66.servimg.com/u/f66/13/46/75/82/online15.png);
  background-repeat: no-repeat;
}
div.postbody {
  background-image: url(https://i66.servimg.com/u/f66/11/96/49/61/offlin10.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
}

Por enquanto está assim https://i.imgur.com/bJ3zMQD.png seria bom indicar um tópico onde haja um membro online e outro offline.

Até mais

então eu coloquei o código e exclui o java e vc pode ver que na minha imagem > http://prntscr.com/hw2d5i fala que estou offline mais estou online tem algum bug ai!

Remova o CSS que lhe enviei e troque o esse JavaScript anterior por esse, lembrando investimento nos tópicos

Código:

jQuery(document).ready(function() {
    jQuery('.online .postbody').prepend('<img src=https://i66.servimg.com/u/f66/13/46/75/82/online15.png style="float: right; margin-top:-6px;">');
    jQuery('.post:not(.online) .postbody').prepend('<img src=https://i66.servimg.com/u/f66/11/96/49/61/offlin10.png style="float: right; margin-top:-6px;">')
});

Veja se agora funciona.

Agora sim funcionou muito obrigado Harleen + aplicado

podem fechar