Online e Offline

5 participantes

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

Tópico resolvido Online e Offline

Mensagem por Uatyla 01.08.14 15:06


  • Descrição:

Olá senhores!
Gostaria de saber como colocar Online e Offline no fórum, já faz muito tempo que desejo colocar tal efeito no meu fórum e nunca achei um código para suprir essa necessidade do meu fórum.
o único código que funcionou bem foi esse, porém só funciona o ícone de online.

Código:
/*** icone de online ***/

.online .postprofile {background-image: url(http://i.imgur.com/Fo9J3.png)!important;background-position: right 0;background-repeat: no-repeat;}
 
/*** incone de online fim ***/



  • Informações:




Fórum:http://vidadeaquarista.forumeiros.com/Versão:PHPBB3
Tipo:Erros diversosTags:Online,Offline



Última edição por uatyla em 16.08.14 16:55, editado 1 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Online e Offline

Mensagem por Sennior 01.08.14 15:50

Olá!

Utilize esse código CSS:
Código:
.post{background:white url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right!important}.online{background:white url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right!important}

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 01.08.14 16:25

Até funcionou mais bugou meu equipe fundo e ficou fora do quadrado do perfil.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Alex Habilidade 02.08.14 1:45

Uatyla, verifique este tópico, veja se lhe ajuda: https://ajuda.forumeiros.com/t78544-icone-online-e-offline
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 02.08.14 3:16

Mais as plataformas dos fóruns são diferentes, o meu é phpbb3 e o citado no tutorial é punbb. Já referente ao "obrigado" do tópico citado não resulta.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Online e Offline

Mensagem por Sennior 02.08.14 20:12

Saudações,

Me mostre por gentileza uma Print Screen do erro com o código citado por mim amigo.

Abraços,
Sennior.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 02.08.14 20:27

Note a diferença, tanto no ícone quanto o equipe fundo.

Online e Offline Teste_01

Online e Offline Teste_02
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Online e Offline

Mensagem por Sennior 03.08.14 2:07

Boa noite,

Altere o código CSS por este por gentileza, e deixe o ativo para que eu possa ver o erro e tentar fazer a modificação direto:
Código:
.post{background:transparent url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right!important}.online{background:white url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right!important}

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 03.08.14 3:47

Continua a mesma coisa!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Online e Offline

Mensagem por Sennior 06.08.14 4:23

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
.post{background:white url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right!important;z-index: 9999!important;}.online{background:white url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right!important;z-index: 9999!important;}


Melhores cumprimentos,
Sennior. De bem com a vida
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 06.08.14 13:28

Ficou a mesma coisa!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Online e Offline

Mensagem por Sennior 07.08.14 4:17

Saudações,

Vá em:
Cpainel > Visualização > Imagens e Cores > Cores > Folha de estilo CSS > e coloque esse código:
Código:
div.post {
background-image: url('http://www.guiadohardware.net/comunidade/images/statusicon/user_offline.gif') !important;
backgound-repeat: no-repeat;
background-position: 17% 15px;
}
div.online {
background-image: url('http://www.guiadohardware.net/comunidade/images/statusicon/user_online.gif') !important;
backgound-repeat: no-repeat;
background-position: 17% 15px;
}
Atenciosamente. Positivo
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 07.08.14 11:08

Não teve resultado, e agora ele fica repetindo. Esse código funciona perfeitamente, não tem como fazer a versão dele offline?

Código:
    /*** icone de online ***/

    .online .postprofile {background-image: url(http://i.imgur.com/Fo9J3.png)!important;background-position: right 0;background-repeat: no-repeat;}
   
    /*** incone de online fim ***/
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Online e Offline

Mensagem por Sennior 08.08.14 15:19

Boas,

Veremos... Tente assim:
Código:
/*** icone de online ***/
    .online .postprofile {background-image: url(http://i.imgur.com/Fo9J3.png)!important;background-position: right 0;background-repeat: no-repeat;}
   .postprofile {background-image: url(http://www.guiadohardware.net/comunidade/images/statusicon/user_offline.gif)!important;background-position: right 0;background-repeat: no-repeat;}
    /*** incone de online fim ***/

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 08.08.14 15:31

Olha teve resultado, porem o offline está atrás do avatar, olha ai http://vidadeaquarista.forumeiros.com/t1004-coisa-muito-triste#7824
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Online e Offline

Mensagem por Sennior 09.08.14 4:24

Saudações,

Utilize agora este, adicionando-o no inicio de teu CSS:
Código:
.postprofile {background-position-x: 167px!important;background-position-y: 4px!important;}

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 09.08.14 12:26

Amigo não resolveu não, mais estamos perto da solução. =)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 11.08.14 16:12

Alguma solução colega?
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 13.08.14 2:05

UP!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Online e Offline

Mensagem por Sennior 13.08.14 9:03

Saudações,

Altere novamente por este:
Código:
.postprofile {z-index: 9999999 !important;position: relative !important;background-position-x: 175px !important;background-position-y: 9px !important;}

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 13.08.14 10:43

A mesma coisa! o ícone offline está no mesmo lugar.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Online e Offline

Mensagem por Sennior 13.08.14 16:15

Saudações,

Se o abaixo não vier a dar resultados, mande-me teu CSS:
Código:
.postprofile {z-index: 9999 !important;position: relative !important;background-image: url(http://i.imgur.com/Fo9J3.png) !important;background-repeat: no-repeat !important;background-position-x: 10pc !important;border-color: rgb(255, 255, 255) !important;color: rgb(102, 102, 102) !important;display: inline !important;float: right !important;word-wrap: break-word !important;}

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 13.08.14 19:41

Ficou a mesma coisa, vou manda minha CSS por MP.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 16.08.14 1:44

Algum resultado positivo colega?
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Online e Offline

Mensagem por MateusV. 16.08.14 2:00

Boa noite, adicione este código em sua folha de estilo CSS:
body div.postprofile {
float: left!important;
}

Abraços.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 16.08.14 2:20

Infelizmente não teve resultado.
Eu já esse procedimento pelo template na versão Pubb, tem para Phpbb3?
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Online e Offline

Mensagem por MateusV. 16.08.14 2:24

Boa noite, poderia me informar onde deseja que o ícone de offline fique? Porque, pelo que eu vi, não está mais por baixo do avatar,

Abraços.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 16.08.14 3:22

No mesmo local que o ícone de online! No canto superior direito do perfil.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Online e Offline

Mensagem por MateusV. 16.08.14 3:44

Olá, substitua o código por este
div.postprofile {
background-position-x: 200px;
}

Abraços.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 16.08.14 11:27

Esses código não esta dando certo não! Tem alguma solução pelo template?


@ edite

Pessoal pesquisei bastante aqui no fdf e encontrei um código js, que funciona perfeitamente, porem o ícone está em um lugar inadequado.
o código é esse

Código:
jQuery(document).ready(function(){jQuery('.post.online .postprofile dl dt strong a').after('<br><img src=http://i.imgur.com/kElh0.png>');jQuery('.post:not(.online) .postprofile dl dt strong a').after('<br><img src=http://i.imgur.com/N3Jt7.png>')});


eu quero que fique na mesma posição que desse código, no canto superior direito.
Código:
    /*** icone de online ***/

        .online .postprofile {background-image: url(http://i.imgur.com/Fo9J3.png)!important;background-position: right 0;background-repeat: no-repeat;}

        /*** incone de online fim ***/
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Online e Offline

Mensagem por Shek 16.08.14 14:05

Bom dia!

Troque seu javascript por este:
Código:
jQuery(document).ready(function() {
  jQuery('.post.online .postprofile ').before(
    '<img src=http://i.imgur.com/kElh0.png style="float: right;">');
  jQuery('.post:not(.online) .postprofile').before(
    '<img src=http://i.imgur.com/N3Jt7.png style="float: right;">')
});
Até mais!
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 16.08.14 14:55

Bom estamos quase lá!

Olha como ele ficou
Online e Offline On_line_01

Eu gostaria muito que ficasse assim
Online e Offline Online_02


 testei com essas imagens abaixo, pode conferir aqui: http://vidadeaquarista.forumeiros.com/t1008-parabens-adilson#7839
Online e Offline On210110
Online e Offline Off20010
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Online e Offline

Mensagem por MateusV. 16.08.14 15:47

Olá, substitua o código por este:
jQuery(document).ready(function() {
jQuery('.post.online .postprofile ').prepend(
'<img src=https://2img.net/h/s20.postimg.cc/qbq840hi1/on210110.png style="float: right;margin-top:-6px;">');
jQuery('.post:not(.online) .postprofile').prepend(
'<img src=https://2img.net/h/s20.postimg.cc/hi3x0njx5/off20010.png style="float: right;margin-top:-6px;">')
});

Abraços.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Online e Offline

Mensagem por Shek 16.08.14 15:53

Troque seu Javascript por este:
Código:
jQuery(document).ready(function(){jQuery('.post.online .postprofile dl ').before('<img class="shek_online" src="http://s20.postimage.org/qbq840hi1/on210110.png" style="float: right;">');jQuery('.post:not(.online) .postprofile dl').before('<img class="shek_off" src="http://s20.postimg.org/hi3x0njx5/off20010.png?noCache=1408197214" style="float: right;">')});
Em seguida, adicione em seu CSS o seguinte código:
Código:
.shek_online, .shek_off {
margin-top: -10px;
}
É minha proposta. Feliz
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Online e Offline

Mensagem por Uatyla 16.08.14 16:55

Matheus funcionou perfeitamente, muito Obrigado, Shek muito Obrigado também, pois também me ajudou muito.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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