Online/Offline sobre o avatar

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;}

Boas,

Leia:
https://ajuda.forumeiros.com/t23170-

Até mais.

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.

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.

Eu já coloquei e não funcionou.

Boas,

Recoloque as funções novamente em teu fórum.
Até mais.

Pronto , já coloquei.

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

Até mais.

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.

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?
http://prntscr.com/5fw2s0

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

Eu só gostaria de saber como a colocar a imagem de offline.

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.

Esta aparecendo somente o icone de offline novamente.

Que estranho...Saudações!

Vá em: Painel de controle   Visualização   Cores "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.
Melhores cumprimentos,
Sennior.

Continua só aparecendo o offline.

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 Visualização Imagens e Cores Cores 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.

Mil desculpas isso não vai se repetir.

Aliás desta vez o seu código funcionou , 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!