Como colocar ícone "offline"?

3 participantes

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

Tópico resolvido Como colocar ícone "offline"?

Mensagem por Gustavo Bispo 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
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar ícone "offline"?

Mensagem por BrunoH. 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.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo 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
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo 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
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar ícone "offline"?

Mensagem por BrunoH. 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.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo 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
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar ícone "offline"?

Mensagem por BrunoH. 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.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo 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
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar ícone "offline"?

Mensagem por BrunoH. 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.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo 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
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar ícone "offline"?

Mensagem por seender 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
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo 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
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ícone "offline"?

Mensagem por Gustavo Bispo 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
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos