Como colocar ícone "offline"?

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

Resolvido Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 24/12/12, 08:45 pm

Qual é minha questão:
Então, meu fórum só tem o ícone "Online" que uso o seguinte código Java Script:

Código:
jQuery(document).ready(function(){jQuery('.post.online').each(function(){jQuery(this).find('.postprofile dl dt strong a').after(' <img src="http://i.imgur.com/k40W2.png">')})});

Mas eu também queria que tivesse o ícone "Offline".
Qual código posso estar adicionando?
Obs: Já tenho a imagem.

Endereço do meu fórum:
http://www.gbconfig.ativoforum.com

Versão do fórum:
PHPBB3


Última edição por Gustavo Bispo em 25/12/12, 08:33 pm, editado 2 vez(es)
avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

Ver perfil do usuário http://www.gbconfig.ativoforum.com

Resolvido Re: Como colocar ícone "offline"?

Mensagem por BrunoH. em 24/12/12, 10:22 pm

Olá!
Lembrando ao senhor que é permitido up's nas mensagens depois de passarem 24 horas desde da última postagem do tópico.

Sobre tua questão, Leia este tópico:
Flecha ajudeiros [TUTORIAL] Adicionar ícone Online / Offline

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25/12/12, 08:30 am

Esse tipo, não dá certo.
Por que já adicionei um botão no lugar que ficaria os ícones.
Eu preciso de outro código CSS parecido com aquele que eu mostrei, só que com a função de mostrar quem ta offline.
avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

Ver perfil do usuário http://www.gbconfig.ativoforum.com

Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25/12/12, 05:23 pm

Então pessoal, como colocar o ícone offline?
Obs: Prestem atenção ao que eu falei la em cima.
avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

Ver perfil do usuário http://www.gbconfig.ativoforum.com

Resolvido Re: Como colocar ícone "offline"?

Mensagem por BrunoH. em 25/12/12, 06:59 pm

Olá!
Aceda a Gestão dos códigos JavaScript:
Painel de Controle Seta Módulos Seta HTML e JavaScript Seta Gestão dos códigos JavaScript


Investimento Seta Em todas as páginas
Código:
jQuery(document).ready(function(){jQuery('.post').each(function(){jQuery(this).find('.postprofile dl dt strong a').after(' <img src="IMAGEM">')})});
IMAGEM -> Coloque o URL da imagem do ícone Offline.
e Salve!

Até mais.

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

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25/12/12, 07:06 pm

Bom, não deu muito certo.
Tive dois problemas:

1° Pra quem ta online:


2° Pra quem ta offline:
avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

Ver perfil do usuário http://www.gbconfig.ativoforum.com

Resolvido Re: Como colocar ícone "offline"?

Mensagem por BrunoH. em 25/12/12, 07:57 pm

Olá!
Substitua o código .JS do ícone Offline por este:
jQuery(document).ready(function(){jQuery('.online').attr('src','IMAGEM');});
jQuery(document).ready(function(){jQuery('.post').each(function(){jQuery(this).find('.postprofile dl dt strong a').after(' <img src="IMAGEM" id="off">')})});
jQuery(document).ready(function(){if(jQuery('.post .postprofile .online')){jQuery("#off").css('display','none')}});
Vermelho -> Ícone Online
Laranja -> Ícone Offline.

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25/12/12, 08:00 pm

Vlw!!!
Tamo quase lá^^

agora ele só aparece nos que estão offline realmente.
Mas o nick tá do lado, eu queria, que assim como está o online(embaixo do nick) ficasse o offline

avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

Ver perfil do usuário http://www.gbconfig.ativoforum.com

Resolvido Re: Como colocar ícone "offline"?

Mensagem por BrunoH. em 25/12/12, 08:02 pm

Olá!
Substitua o código .JS por este:
jQuery(document).ready(function(){jQuery('.online').attr('src','IMAGEM');});
jQuery(document).ready(function(){jQuery('.post').each(function(){jQuery(this).find('.postprofile dl dt strong a').after('<br><img src="IMAGEM" id="off">')})});
jQuery(document).ready(function(){if(jQuery('.post .postprofile .online')){jQuery("#off").css('display','none')}});
Vermelho -> Ícone Online
Laranja -> Ícone Offline.

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25/12/12, 08:12 pm

Bom, agora não aparece o ícone "online"

O código que está lá é esse:
Código:
jQuery(document).ready(function(){jQuery('.online').attr('src','http://i.imgur.com/kElh0.png');});
jQuery(document).ready(function(){jQuery('.post').each(function(){jQuery(this).find('.postprofile dl dt strong a').after('<br><img src="http://i.imgur.com/N3Jt7.png" id="off">')})});
jQuery(document).ready(function(){if(jQuery('.post .postprofile .online')){jQuery("#off").css('display','none')}});
avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

Ver perfil do usuário http://www.gbconfig.ativoforum.com

Resolvido Re: Como colocar ícone "offline"?

Mensagem por seender em 25/12/12, 08:21 pm

Olá!

Utilize só este:
Código:
jQuery(document).ready(function(){jQuery('.post').each(function(){jQuery(this).find('.postprofile dl dt strong a').after('<br><img src="http://i.imgur.com/N3Jt7.png" id="off">')})});
jQuery(document).ready(function(){if(jQuery('.post .postprofile .online')){jQuery("#off").css('display','none')}});
Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25/12/12, 08:23 pm

Continua a mesma coisa manin...
Só aparece os "offline"

Obs: Apenas este código está no Java Script
avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

Ver perfil do usuário http://www.gbconfig.ativoforum.com

Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25/12/12, 08:33 pm

aaa pessoal obrigado, eu juntei os códigos e deu certo, agradeço a todos que tiveram a paciencia de me ensinar

vlw brunooh e seender

#FANZAÇO
Resolvido
avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

Ver perfil do usuário http://www.gbconfig.ativoforum.com

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