Online e Offline

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

Resolvido Online e Offline

Mensagem por Uatyla em 01/08/14, 11:06 am


  • 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, 12:55 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Sennior em 01/08/14, 11:50 am

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Online e Offline

Mensagem por Uatyla em 01/08/14, 12:25 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Alex Habilidade em 01/08/14, 09:45 pm

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

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Online e Offline

Mensagem por Uatyla em 01/08/14, 11:16 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Sennior em 02/08/14, 04:12 pm

Saudações,

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

Abraços,
Sennior.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Online e Offline

Mensagem por Uatyla em 02/08/14, 04:27 pm

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



avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Sennior em 02/08/14, 10:07 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Online e Offline

Mensagem por Uatyla em 02/08/14, 11:47 pm

Continua a mesma coisa!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Sennior em 06/08/14, 12:23 am

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Online e Offline

Mensagem por Uatyla em 06/08/14, 09:28 am

Ficou a mesma coisa!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Sennior em 07/08/14, 12:17 am

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Online e Offline

Mensagem por Uatyla em 07/08/14, 07:08 am

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 ***/
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Sennior em 08/08/14, 11:19 am

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Online e Offline

Mensagem por Uatyla em 08/08/14, 11:31 am

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Sennior em 09/08/14, 12:24 am

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Online e Offline

Mensagem por Uatyla em 09/08/14, 08:26 am

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Uatyla em 11/08/14, 12:12 pm

Alguma solução colega?
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Uatyla em 12/08/14, 10:05 pm

UP!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Sennior em 13/08/14, 05:03 am

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Online e Offline

Mensagem por Uatyla em 13/08/14, 06:43 am

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Sennior em 13/08/14, 12:15 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Online e Offline

Mensagem por Uatyla em 13/08/14, 03:41 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Uatyla em 15/08/14, 09:44 pm

Algum resultado positivo colega?
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por MateusV. em 15/08/14, 10:00 pm

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

Abraços.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Online e Offline

Mensagem por Uatyla em 15/08/14, 10:20 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por MateusV. em 15/08/14, 10:24 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Online e Offline

Mensagem por Uatyla em 15/08/14, 11:22 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por MateusV. em 15/08/14, 11:44 pm

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

Abraços.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Online e Offline

Mensagem por Uatyla em 16/08/14, 07:27 am

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 ***/
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Online e Offline

Mensagem por Shek em 16/08/14, 10:05 am

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17146
Pontos Ativos : 21407

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Online e Offline

Mensagem por Uatyla em 16/08/14, 10:55 am

Bom estamos quase lá!

Olha como ele ficou


Eu gostaria muito que ficasse assim



 testei com essas imagens abaixo, pode conferir aqui: http://vidadeaquarista.forumeiros.com/t1008-parabens-adilson#7839

avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Online e Offline

Mensagem por MateusV. em 16/08/14, 11:47 am

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

Abraços.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html
  • 0

Resolvido Re: Online e Offline

Mensagem por Shek em 16/08/14, 11:53 am

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17146
Pontos Ativos : 21407

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Online e Offline

Mensagem por Uatyla em 16/08/14, 12:55 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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