Adicionar o ícone "Online"

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Adicionar o ícone "Online"

Mensagem por NuTsZ.Myre em 11/08/12, 01:40 pm

Qual é minha questão:
Bom Queria deixa igual a esta imagem >> http://imageshack.us/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:
Http://imageshack.us/photo/my-images/827/aquiforumeiros.jpg/

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

Versão do meu fórum:
PHPBB3
avatar

NuTsZ.Myre
Nível 8

Masculino
Inscrito dia : 17/07/2012
Mensagens : 128
Pontos Ativos : 192

Ver perfil do usuário http://turnercheats.ace.st

Resolvido Re: Adicionar o ícone "Online"

Mensagem por RenanR em 11/08/12, 01:51 pm

avatar

RenanR
Nível 9

Masculino
Inscrito dia : 21/05/2011
Mensagens : 194
Pontos Ativos : 273

Ver perfil do usuário

Resolvido Re: Adicionar o ícone "Online"

Mensagem por NuTsZ.Myre em 11/08/12, 02:04 pm

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

NuTsZ.Myre
Nível 8

Masculino
Inscrito dia : 17/07/2012
Mensagens : 128
Pontos Ativos : 192

Ver perfil do usuário http://turnercheats.ace.st

Resolvido Re: Adicionar o ícone "Online"

Mensagem por RenanR em 11/08/12, 02:33 pm

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

RenanR
Nível 9

Masculino
Inscrito dia : 21/05/2011
Mensagens : 194
Pontos Ativos : 273

Ver perfil do usuário

Resolvido Re: Adicionar o ícone "Online"

Mensagem por NuTsZ.Myre em 11/08/12, 02:41 pm

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

NuTsZ.Myre
Nível 8

Masculino
Inscrito dia : 17/07/2012
Mensagens : 128
Pontos Ativos : 192

Ver perfil do usuário http://turnercheats.ace.st

Resolvido Re: Adicionar o ícone "Online"

Mensagem por Ace em 11/08/12, 05:12 pm

Olá,

Siga:

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

Adicione:
.online {
background-image: url(http://illiweb.com/bl/logo.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
.offline {
background-image: url(http://illiweb.com/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.

Flecha ajudeiros 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.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Adicionar o ícone "Online"

Mensagem por NuTsZ.Myre em 11/08/12, 05:38 pm

Desculpe mano.. mais nao funcionou..!
avatar

NuTsZ.Myre
Nível 8

Masculino
Inscrito dia : 17/07/2012
Mensagens : 128
Pontos Ativos : 192

Ver perfil do usuário http://turnercheats.ace.st

Resolvido Re: Adicionar o ícone "Online"

Mensagem por Ace em 11/08/12, 05:40 pm

Olá,

O que não funcionou?

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

div.post {
background-image: url(http://illiweb.com/bl/logo.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Adicionar o ícone "Online"

Mensagem por NuTsZ.Myre em 11/08/12, 05:58 pm

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?
avatar

NuTsZ.Myre
Nível 8

Masculino
Inscrito dia : 17/07/2012
Mensagens : 128
Pontos Ativos : 192

Ver perfil do usuário http://turnercheats.ace.st

Resolvido Re: Adicionar o ícone "Online"

Mensagem por Ace em 11/08/12, 06:00 pm

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.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Adicionar o ícone "Online"

Mensagem por NuTsZ.Myre em 11/08/12, 06:01 pm

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

NuTsZ.Myre
Nível 8

Masculino
Inscrito dia : 17/07/2012
Mensagens : 128
Pontos Ativos : 192

Ver perfil do usuário http://turnercheats.ace.st

Resolvido Re: Adicionar o ícone "Online"

Mensagem por Ace em 11/08/12, 06:04 pm

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 Piscada

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Adicionar o ícone "Online"

Mensagem por NuTsZ.Myre em 11/08/12, 06:08 pm

Adicionei Apenas esse code:
div.post {
background-image: url(http://illiweb.com/fa/subsilver/icon_online_en.gif);
background-repeat: no-repeat;
background-position: 55% 7%;
}
avatar

NuTsZ.Myre
Nível 8

Masculino
Inscrito dia : 17/07/2012
Mensagens : 128
Pontos Ativos : 192

Ver perfil do usuário http://turnercheats.ace.st

Resolvido Re: Adicionar o ícone "Online"

Mensagem por Ace em 11/08/12, 06:26 pm

Olá,

Adicione apenas este:

Código:
.online {
background-image: url(http://illiweb.com/bl/logo.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Adicionar o ícone "Online"

Mensagem por NuTsZ.Myre em 11/08/12, 06:29 pm

Não ta pegando esse ^^
avatar

NuTsZ.Myre
Nível 8

Masculino
Inscrito dia : 17/07/2012
Mensagens : 128
Pontos Ativos : 192

Ver perfil do usuário http://turnercheats.ace.st

Resolvido Re: Adicionar o ícone "Online"

Mensagem por inigma26 em 12/08/12, 01:45 pm

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

inigma26
Nível 5

Masculino
Inscrito dia : 07/08/2012
Mensagens : 42
Pontos Ativos : 66

Ver perfil do usuário http://capasalexandre.forumportugues.com.pt/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum