Como colocar ícone "offline"?

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

Atendido / Resolvido Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 24.12.12 22:45

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 22:33, editado 2 vez(es)
Gustavo Bispo

Gustavo Bispo
Usuário avançado

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

http://www.gbconfig.ativoforum.com

Atendido / Resolvido Re: Como colocar ícone "offline"?

Mensagem por BrunoH. em 25.12.12 0:22

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

BrunoH.
Principal contribuidor
Principal contribuidor

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

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Atendido / Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25.12.12 10:30

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.
Gustavo Bispo

Gustavo Bispo
Usuário avançado

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

http://www.gbconfig.ativoforum.com

Atendido / Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25.12.12 19:23

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

Gustavo Bispo
Usuário avançado

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

http://www.gbconfig.ativoforum.com

Atendido / Resolvido Re: Como colocar ícone "offline"?

Mensagem por BrunoH. em 25.12.12 20:59

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
Como colocar ícone "offline"? 8cvAf

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'
BrunoH.

BrunoH.
Principal contribuidor
Principal contribuidor

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

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Atendido / Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25.12.12 21:06

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

1° Pra quem ta online:
Como colocar ícone "offline"? Nm5M6

2° Pra quem ta offline:
Como colocar ícone "offline"? SnLME
Gustavo Bispo

Gustavo Bispo
Usuário avançado

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

http://www.gbconfig.ativoforum.com

Atendido / Resolvido Re: Como colocar ícone "offline"?

Mensagem por BrunoH. em 25.12.12 21:57

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

BrunoH.
Principal contribuidor
Principal contribuidor

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

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Atendido / Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25.12.12 22:00

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

Como colocar ícone "offline"? SnLME
Gustavo Bispo

Gustavo Bispo
Usuário avançado

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

http://www.gbconfig.ativoforum.com

Atendido / Resolvido Re: Como colocar ícone "offline"?

Mensagem por BrunoH. em 25.12.12 22:02

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

BrunoH.
Principal contribuidor
Principal contribuidor

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

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Atendido / Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25.12.12 22:12

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')}});
Gustavo Bispo

Gustavo Bispo
Usuário avançado

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

http://www.gbconfig.ativoforum.com

Atendido / Resolvido Re: Como colocar ícone "offline"?

Mensagem por seender em 25.12.12 22:21

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

seender
Principal contribuidor
Principal contribuidor

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

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Atendido / Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25.12.12 22:23

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

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

Gustavo Bispo
Usuário avançado

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

http://www.gbconfig.ativoforum.com

Atendido / Resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo em 25.12.12 22:33

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
Gustavo Bispo

Gustavo Bispo
Usuário avançado

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

http://www.gbconfig.ativoforum.com

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