Online/Offline sobre o avatar

2 participantes

Ir para baixo

Tópico resolvido Online/Offline sobre o avatar

Mensagem por Jorge W 11.12.14 21:03

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Opera
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://ficcaoejogatina.forumeiros.com/

Descrição do problema

Olá , eu gostaria de saber como colocar o status de online/offline sobre o avatar como mostra na imagem.

Se necessário , o meu CSS é esse

Código:
.online {
background-image: url(http://i39.servimg.com/u/f39/18/38/47/89/online13.png);
background-repeat: no-repeat;
  background-position: 3px 146px;}


div.post {
background-image: url(http://i39.servimg.com/u/f39/18/38/47/89/offlin10.png7);
background-repeat: no-repeat;
  background-position: 3px 146px;}


Última edição por jorge w em 13.12.14 19:05, editado 1 vez(es)
Jorge W
Jorge W
Novo Membro

Membro desde : 15/08/2014
Mensagens : 21
Pontos : 33

http://ficcaoejogatina.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Online/Offline sobre o avatar

Mensagem por Sennior 11.12.14 21:14

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/Offline sobre o avatar

Mensagem por Jorge W 11.12.14 23:06

Olá Sennior , infelizmente acabei de descobrir que tenho na verdade 2 Problemas o mais simples e o mais complexo:

O mais simples :
Eu quero que o status se sobreponha a imagem do avatar


O mais complexo :
Eu mudei meu CSS e atualmente ele está assim
Código:
.postprofile {width: 15%!important;left: 8px!important;top: 15px!important}

.postbody {position: relative!important;left: -80px!important;top: 15px!important}

.online {background-image: url(http://i39.servimg.com/u/f39/18/38/47/89/online13.png);
background-position: 3px 146px;}
div.post {background-image: url(http://i39.servimg.com/u/f39/18/38/47/89/offlin10.png);
background-position: 3px 146px;}

Acontece que mesmo o usuário estando online ou offline só aparece o ícone de offline.
Jorge W
Jorge W
Novo Membro

Membro desde : 15/08/2014
Mensagens : 21
Pontos : 33

http://ficcaoejogatina.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Online/Offline sobre o avatar

Mensagem por Sennior 11.12.14 23:16

Mas existe ícone de online no painel de controle?
Terá que colocar o ícone também pelo painel de controle na gestão de imagens.

Fez isso?
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/Offline sobre o avatar

Mensagem por Jorge W 12.12.14 3:32

Eu já coloquei e não funcionou.
Jorge W
Jorge W
Novo Membro

Membro desde : 15/08/2014
Mensagens : 21
Pontos : 33

http://ficcaoejogatina.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Online/Offline sobre o avatar

Mensagem por Sennior 12.12.14 5:44

Boas,

Recoloque as funções novamente em teu fórum.
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/Offline sobre o avatar

Mensagem por Jorge W 12.12.14 5:55

Pronto , já coloquei.
Jorge W
Jorge W
Novo Membro

Membro desde : 15/08/2014
Mensagens : 21
Pontos : 33

http://ficcaoejogatina.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Online/Offline sobre o avatar

Mensagem por Sennior 12.12.14 5:58

Ok, agora me atualize aqui...
O erro é que a imagem de online deve aparecer na frente do avatar?

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/Offline sobre o avatar

Mensagem por Jorge W 12.12.14 6:06

Eu tenho 2 problemas , mas para facilitar eu prefiro pedir ajuda neste tópico para apenas um e fazer outro tópico pro outro.


Neste caso eu quero que o status sobreponha o avatar , como eu mostrei na imagem.
Jorge W
Jorge W
Novo Membro

Membro desde : 15/08/2014
Mensagens : 21
Pontos : 33

http://ficcaoejogatina.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Online/Offline sobre o avatar

Mensagem por Sennior 12.12.14 6:19

Olá,

Amigão infelizmente a imagem não ficara na frente do avatar, pois a propriedade esta como primaria.
No caso adicione este código no lugar dos outros de online que o senhor tens em teu fórum:
Código:
.online {
background-image: url(http://i39.servimg.com/u/f39/18/38/47/89/online13.png)!important;
background-position: left 0!important;
background-repeat: no-repeat!important;
position: relative!important;
background-position-y: 212px!important;
z-index: 99999!important;
}
.postprofile dd, .postprofile dt {
line-height: 18px!important;
margin-left: 8px!important;
position: relative!important;
}
.postprofile {
left: 8px!important;
top: 15px!important;
width: 17%!important;
}
.postbody {
left: -60px!important;
position: relative!important;
top: 15px!important;
}

O efeito deverá ser como este, o que acha?
Seta http://prntscr.com/5fw2s0
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/Offline sobre o avatar

Mensagem por Jorge W 12.12.14 16:20

Cara , ficou até visualmente mais agradável do que se ficasse sobre o avatar. Muito feliz

Eu só gostaria de saber como a colocar a imagem de offline.
Jorge W
Jorge W
Novo Membro

Membro desde : 15/08/2014
Mensagens : 21
Pontos : 33

http://ficcaoejogatina.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Online/Offline sobre o avatar

Mensagem por Sennior 12.12.14 18:24

Boas,

Tente este:
Código:
.online {
background-image: url(http://i39.servimg.com/u/f39/18/38/47/89/online13.png)!important;
background-position: left 0!important;
background-repeat: no-repeat!important;
position: relative!important;
background-position-y: 212px!important;
z-index: 99999!important;
}
.postprofile dd, .postprofile dt {
line-height: 18px!important;
margin-left: 8px!important;
position: relative!important;
}
.postprofile {
left: 8px!important;
top: 15px!important;
width: 17%!important;
}
.postbody {
left: -60px!important;
position: relative!important;
top: 15px!important;
}

div.post {
background-image: url(http://i39.servimg.com/u/f39/18/38/47/89/offlin10.png)!important;
background-position: left 0!important;
background-repeat: no-repeat!important;
position: relative!important;
background-position-y: 212px!important;
z-index: 99999!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/Offline sobre o avatar

Mensagem por Jorge W 12.12.14 19:50

Esta aparecendo somente o icone de offline novamente.
Jorge W
Jorge W
Novo Membro

Membro desde : 15/08/2014
Mensagens : 21
Pontos : 33

http://ficcaoejogatina.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Online/Offline sobre o avatar

Mensagem por Sennior 12.12.14 21:31

Que estranho...Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
.online{background-image:url(http://hitskin.com/themes/16/92/11/i_icon_online.png);background-position:100% 10px;background-repeat:no-repeat!important;z-index:999}
.post{
background-image:url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png);background-position:100% 10px;background-repeat:no-repeat;border:0;z-index:999}

Salve e Visualize seu fórum. Piscada
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/Offline sobre o avatar

Mensagem por Jorge W 13.12.14 5:45

Continua só aparecendo o offline.
Jorge W
Jorge W
Novo Membro

Membro desde : 15/08/2014
Mensagens : 21
Pontos : 33

http://ficcaoejogatina.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Online/Offline sobre o avatar

Mensagem por Sennior 13.12.14 7:00

Boas,

Peço que pare de ficar apagando e repostando sua mensagem.
Isso infringe as regras do FdF e poderá sofrer punições e não queremos isso, né?
Aceda a 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:
.online {
background-image: url(http://hitskin.com/themes/12/98/28/i_icon_online.png);
}
.post {
background-image: url(http://www.chesp.nl/badmintonwebforum/styles/xandgreen/imageset/nl/icon_user_offline.gif);
background-repeat: no-repeat;
background-position: 100% 0%;
}
e Valide!

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/Offline sobre o avatar

Mensagem por Jorge W 13.12.14 19:04

Mil desculpas isso não vai se repetir. Envergonhado

Aliás desta vez o seu código funcionou Venerar , mas ele só funcionou invertendo a posição do .online e do .post , assim:
Código:
.post {
background-image: url(http://i39.servimg.com/u/f39/18/38/47/89/offlin10.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}

.online {
background-image: url(http://i39.servimg.com/u/f39/18/38/47/89/online13.png);
}

Obrigado você me ajudou mesmo! Muito feliz
Jorge W
Jorge W
Novo Membro

Membro desde : 15/08/2014
Mensagens : 21
Pontos : 33

http://ficcaoejogatina.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Online/Offline sobre o avatar

Mensagem por Sennior 13.12.14 20:20

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
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

Ir para o topo

- Tópicos semelhantes

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