ícone Online / Offline

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

Resolvido ícone Online / Offline

Mensagem por ranzatti em 04/01/18, 04:18 am

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 > http://ajuda.forumeiros.com/t23170-tutorial-adicionar-icone-online-offline (porem não entendi e não funcionou)

desde já obrigado


Última edição por ranzatti em 04/01/18, 05:52 pm, editado 1 vez(es)
avatar

ranzatti
Usuário avançado

Masculino
Inscrito dia : 01/09/2010
Mensagens : 382
Pontos Ativos : 546

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

Resolvido Re: ícone Online / Offline

Mensagem por Harleen em 04/01/18, 10:54 am

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

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

Até mais
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1608
Pontos Ativos : 2099

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI

Resolvido Re: ícone Online / Offline

Mensagem por ranzatti em 04/01/18, 11:56 am

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

http://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!
avatar

ranzatti
Usuário avançado

Masculino
Inscrito dia : 01/09/2010
Mensagens : 382
Pontos Ativos : 546

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

Resolvido Re: ícone Online / Offline

Mensagem por Harleen em 04/01/18, 01:49 pm

Ponha esse código com o investimento nos tópicos http://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
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1608
Pontos Ativos : 2099

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI

Resolvido Re: ícone Online / Offline

Mensagem por ranzatti em 04/01/18, 02:43 pm

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

ranzatti
Usuário avançado

Masculino
Inscrito dia : 01/09/2010
Mensagens : 382
Pontos Ativos : 546

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

Resolvido Re: ícone Online / Offline

Mensagem por Harleen em 04/01/18, 03:27 pm

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 http://i.imgur.com/bJ3zMQD.png seria bom indicar um tópico onde haja um membro online e outro offline.

Até mais
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1608
Pontos Ativos : 2099

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI

Resolvido Re: ícone Online / Offline

Mensagem por ranzatti em 04/01/18, 03:51 pm

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

ranzatti
Usuário avançado

Masculino
Inscrito dia : 01/09/2010
Mensagens : 382
Pontos Ativos : 546

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

Resolvido Re: ícone Online / Offline

Mensagem por Harleen em 04/01/18, 04:20 pm

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

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1608
Pontos Ativos : 2099

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI

Resolvido Re: ícone Online / Offline

Mensagem por ranzatti em 04/01/18, 05:07 pm

Agora sim funcionou muito obrigado Harleen + aplicado

podem fechar
avatar

ranzatti
Usuário avançado

Masculino
Inscrito dia : 01/09/2010
Mensagens : 382
Pontos Ativos : 546

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

Resolvido Re: ícone Online / Offline

Mensagem por Ketholy em 04/01/18, 07:25 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

Ketholy
Membro do Fórum

Feminino
Inscrito dia : 20/01/2017
Mensagens : 1176
Pontos Ativos : 1386

Ver perfil do usuário http://jogosrpg-com-br.forumais.com/forum http://assuntosgeral-com-br.forumais.com https://twitter.com/Ketholy Suan

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


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