Online no perfil

Qual é minha questão:
Como eu coloco o "Online" do lado direito da pagina, em perfil que fica do lado esquerdo? 

imagem : https://2img.net/h/oi49.tinypic.com/x5d1ya.png

Endereço do meu fórum:
http://ladblood.forumeiro.com

Versão do fórum:
PHPBB3

Olá!
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

.online {background-position: left 0!important;}

e Valide!

Até mais.

Veja onde ele apareceu brunoh : https://2img.net/h/oi48.tinypic.com/2lm1m5t.png

Olá!
Então meu querido, é nesta posição que o senhor deseja? Só falta agora virar a imagem? É isto? Poderia ser mais claro?

Até mais.

Marquei onde eu desejo que ele fique : https://2img.net/h/oi48.tinypic.com/99gpsk.png

Olá!
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

.online {background-position: left 8px!important;background-position-x: 200px;}

Altere o valor em negrito até ficar na posição desejada.
e Valide!

Até mais.

Ja alterei o valor varias vezes e ele não se mexe.

Olá!

Acabo de verificar e o código que eu te passei não foi colocado em seu fórum. Mantenha o código ativo para que eu possa encontrar o erro.

Deixe este código ativo em teu fórum:

.online {background-position: left 8px!important;background-position-x: 200px!important;}

Não é necessário edita-lo no momento, apenas deixe-o para que eu possa ver se resultou.

Até mais.

Ja está la.

Editado : percebi um problema tambem, mesmo que eu ajuste o valor em negrito para a imagem ficar no lugar que eu quero, ela fica embaixo do avatar, ou seja ela praticamente não aparece, quero que ela fique em cima do avatar.

Olá!
Substitua o código CSS por este:

.online {background-position: left 8px!important;background-position-x: 200px!important;z-index: 6666;}

Até mais.

Estou usando este codigo, só que o "Online" ainda está ficando em baixo do avatar:

.online {background-position: left 8px!important;background-position-x: 150px!important;z-index: 999;}

Responde logo brunoh to precisando disso ai mano.

Bruno, eu queria por essa mesma tirinha no meu fórum... Ele é invision e o perfil está situado do lado direito, poderia me ajuda? Passa ai o código direitinho pra mim? Vlw

coloca isso aqui em seu CSS

Código:

.online {front-position: rigth 0!important;}

Não deu certo.

Saudações,

Painel de controle ► Visualização ► Cores ► Folha de estilo CSS

Esse código deve ser colado no final de sua Folha de estilo CSS:

.post.online .postprofile{background-image:url(https://2img.net/i/fa/prosilver/icon_user_online_en.png);background-position:right 0;background-repeat:no-repeat;padding-right:5px}

Clique no botão "Salvar".

Para retirar da mensagem principal:

.post.online .postprofile{background-image:url()}

Assombrosamente.

Não deu certo ele ainda não está na posição que eu desejo

psicovk escreveu:Não deu certo ele ainda não está na posição que eu desejo

Poderia dizer em que posição aparece atualmente?

Assombrosamente.

Ele aparece a alguns centímetros á direita do avatar, somente uma parte dele está no avatar, e mesmo assim essa parte desaparece porque parece que está em baixo do avatar. Olhe no meu forum : http://ladblood.forumeiro.com/forum

Saudações,

Painel de controle ► Visualização ► Cores ► Folha de estilo CSS

Sem contar o outro, esse código deve ser colado no final de sua Folha de estilo CSS:

.post .postbody{width:68%}.post .postprofile{width:29%;text-align:left}

Clique no botão "Salvar".

Assombrosamente.

Não funcionou, apareceu um espaço grande entre o perfil e o topico.

psicovk escreveu:Não funcionou, apareceu um espaço grande entre o perfil e o topico.

Pelo o que eu entendi a imagem está no local correto (lado diteito do perfil), porém o avatar do usuário está a impedindo de aparecer, o código aumenta o espaço ao lado direito do avatar para que a imagem possa aparecer.
Poderia corrigir alguma informações incorreta no que eu disse?

Até mais.

É o seguinte eu queria que a imagem "Online" Parece--se no canto direito, na parte de cima do avatar, ou seja, em cima dele.

Saudações,

A solução que eu vejo então é colocar o avatar mais para baixo, assim a imagem ficará acima do avatar.

Painel de controle ► Visualização ► Cores ► Folha de estilo CSS

Esse código deve ser colado no final de sua Folha de estilo CSS:

.post.online .postprofile{background-image:url(https://2img.net/i/fa/prosilver/icon_user_online_en.png);background-position:right 0;background-repeat:no-repeat;padding-right:5px;padding-top: 45px;}

Clique no botão "Salvar".

Assombrosamente.

Não tem como colocar ele sobre o avatar mesmo não? Se não tiver vou querer apenas um codigo para retira-lo da pagina onde está o conteudo do topico, ou seja do lado direito : https://2img.net/h/oi47.tinypic.com/15d3rzc.png

Para a versão PHPBB 3.
Basta adicionar este código na folha de estilo CSS:

.post {
background-image: url('LINK_DA_IMAGEM OFFLINE');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.online {
background-image: url('LINK_DA_IMAGEM ONLINE');
}

Adicione este codigo em

Painel de controle -> Visualização -> Cores -> Folha estilo CSS

Também existe uma sugestão para que seja modificado
mais rapido e pratico veja este topico abaixo:

Online/ Offline No perfil

____________________________________



Abraços