Como coloca se o usuário ta online ou não nas mensagens

[Delkawy_Kwang]

Qual é minha questão:
Gostaria de coloca isso em meu fórum


Quando os usuários responderem aparece isso ai

Endereço do meu fórum:
http://mundodosviciados.tk

Versão do fórum:
PUNBB

[Convidado]

Olá querido!

Queira ler este TUTORIAL

[TUTORIAL] Adicionar ícone Online / Offline

Até.

[Delkawy_Kwang]

Eu li aqui mais não conseguir entende, não tem como você me passa o código feito ?

[Konai]

Olá querido,

Tente este código:

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}
.pun .post .user {
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}

No caso de não funcionar o código acima, tente este:

Código:

.pun fieldset, .pun img {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}
.pun .post .user {
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}

Adicione em:

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

Até mais.

[Delkawy_Kwang]

Não fico no lugar que eu queria

Aonde eu quero:

E aonde ficou:


E ainda ele ficou como OFFLINE sendo que tava online

[Konai]

Olá senhor,

Vamos tentar seguir este tutorial:

[TUTORIAL] Adicionar ícone Online/Offline

No caso, depois poderemos modificar a posição.

Até mais.

[Convidado]

Olá querido!

Adicione este código em sua "Folha de estilo CSS"

.online {
background-image: url(AQUI URL DO ÍCONE ONLINE);
background-repeat: no-repeat;
background-position: 100% 0%;
}
div.post {
background-image: url(AQUI URL DO ÍCONE OFFLINE);
background-repeat: no-repeat;
background-position: 100% 0%;
}

Em negrito, troque pela url da imagem que pede.

Até.

[Delkawy_Kwang]

Código:

.online {
background-image: url(http://i.imgur.com/gYaoT3O.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
div.post {
background-image: url(http://i.imgur.com/gXQjyiQ.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}

Coloquei esse código mais não funcionou

[Convidado]

Olá querido!

Queira ler este tópico

Ícones de online / offline

Até