Adicionar o ícone "Online"

Qual é minha questão:
Bom Queria deixa igual a esta imagem >> https://2img.net/r/ihimg/photo/my-images/827/aquiforumeiros.jpg/

Queria botar uma imgem igual aquela mostrando que o usuário esta online como fasso?

Links e imagens do meu problema:
https://2img.net/r/ihimg/photo/my-images/827/aquiforumeiros.jpg/

Endereço do meu fórum:
http://turnercheats.foruns.com.pt/

Versão do meu fórum:
PHPBB3

Olá,

Leia o tutorial abaixo:
https://ajuda.forumeiros.com/t23170-tutorial-adicionar-icone-online-offline

Cara nao entendi completamente naa desse link que voce me mandou..
Adianto em nada..!

E o que você não entendeu? Está tudo explicado detalhadamente no FAQ.

Nao ta nao, nao entendi aqueles codigos..
como adiciono aqueles codigos!

Olá,

Siga:

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

Adicione:

.online {
background-image: url(https://2img.net/i/bl/logo.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}

.offline {
background-image: url(https://2img.net/i/bl/logo.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}

VERMELHO: Imagem que usará. No primeiro quadro, utilize de uma imagem online e no segundo quadro, uma imagem de offline.
VERDE : Posição da imagem. Basta que altere de acordo com o desejado. Para maiores informações, utilize as balizas concedidas pelo tutorial.

Resulta?

Respeite o limite de UP's em 24 horas! É contra nossos regulamentos postar duas vezes seguidas para levantar o tópico. Use o botão editar

Cordialmente.

Olá,

O que não funcionou?

Além disso eu lhe mandei o 2° código errado. O certo é:

div.post {
background-image: url(https://2img.net/i/bl/logo.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}

Cordialmente.

Aí Funcionou, mais ficou feio
nem ficou a imagem toda.. e todos os membros ficou com a imagem..
tipo o offline nao era pra tar..
online, e offline esta com a mesma iamgem..
tem como você arruma esse code pra mim?

Olá,

Eu lhe dei os parâmetros para editar.

Basta que leia o que está escrito e a descrição destacada. Terá de modificar como quiser os valores. Se por exemplo, a posição 100% não lhe agrada, modifique o número, bem como a imagem.

Cordialmente.

Mais como tira a dos offline tbm esta com a mesma menssagem!

Olá,

Se não desejar o ícone offline aparecendo em todas as postagens de membros que não estejam conectados, basta retirar o último código e deixar apenas o primeiro

Cordialmente.

Adicionei Apenas esse code:
div.post {
background-image: url(https://2img.net/i/fa/subsilver/icon_online_en.gif);
background-repeat: no-repeat;
background-position: 55% 7%;
}

Olá,

Adicione apenas este:

Código:

.online {
background-image: url(http://2img.net/i/bl/logo.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}

Cordialmente.

Não ta pegando esse ^^

A mim deu certinho, está por cima do Avatar.
Só tenho uma dúvida como meto a palavra Admin também em cima antes de Online, e deixar um espaço entre eles e o Avatar.


Utilizei este código:

.online {
background-image: url(http://upit.cc/i/fb7c9a8f.gif);
background-repeat: no-repeat;
background-position: 100% 0%;
}