Botão online na versão Invision

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

  • 0

Resolvido Botão online na versão Invision

Mensagem por Loki em Sab 13 Nov 2010 - 9:34

Tenho 3 dúvidas aqui no fórum que ainda não foram respondidas, espero que essa seja.

Eu gostaria de saber como eu poderia colocar uma imagem para saber que o usuário está online no perfil, como nós vemos, aqui na forumeiros tem uma imagem que diz que o usuário está online ao lado do avatar.

- Onde está aquele traço vermelho, gostaria que ali fosse vizualizado que o usuário está online.
OBS: Meu fórum é invision



Obrigado.
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Botão online na versão Invision

Mensagem por ThiagoPacheco em Sab 13 Nov 2010 - 9:45

Boa tarde!

Acho que isso não é possível na versão Invision!

Att, Thiago.
avatar

ThiagoPacheco
Membro do Fórum

Masculino
Inscrito dia : 22/01/2010
Mensagens : 1282
Pontos Ativos : 1785

Ver perfil do usuário http://futebolarpg.forumeiro.com/

Resolvido Re: Botão online na versão Invision

Mensagem por Loki em Sab 13 Nov 2010 - 9:49

Thiago, creio eu que existe um código css que faz isso, pois já vi alguns invision com isso.

Obrigado.
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

Ver perfil do usuário http://cshp.forumeiros.com
  • 0

Resolvido Re: Botão online na versão Invision

Mensagem por Mikáá em Sab 13 Nov 2010 - 14:24

Olá!
Peço que leia o seguinte tutorial:
[Tutorial] Adicionar ícone Online / Offline

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Botão online na versão Invision

Mensagem por Loki em Sab 13 Nov 2010 - 14:55

Olá SantolaZ, eu li esse tutorial só que não entendi muito bem como que monta o código.
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

Ver perfil do usuário http://cshp.forumeiros.com
  • 0

Resolvido Re: Botão online na versão Invision

Mensagem por Mikáá em Sab 13 Nov 2010 - 14:59

Olá de novo....

Sendo assim deixo aqui o código para si:
Código:
.online {
background-image: url('Link da Imagem do Icon Online');
}
Não sei se o código em cima funcionará., mas não custa nada tentarmos Piscada

Nota: Não era preciso ter clicado no botão de reputação: " - "

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Botão online na versão Invision

Mensagem por Loki em Sab 13 Nov 2010 - 17:31

Boa noite Santolaz, o código acima por pouco não resultou, o problema foi que ele se multiplicou e ficou ocupando todo o lugar do perfil.

- Imagem

avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Botão online na versão Invision

Mensagem por Talissa Andr. em Sab 13 Nov 2010 - 17:35

Olá, tente agora:
Código:
.online {
background-image: url('Link da Imagem do Icon Online');
background-repeat: no-repeat;
}

Talissa Andr.
Usuário destaque

Feminino
Inscrito dia : 28/10/2010
Mensagens : 834
Pontos Ativos : 1130

Ver perfil do usuário

Resolvido Re: Botão online na versão Invision

Mensagem por Loki em Sab 13 Nov 2010 - 17:37

Olá, agora não apareceu mais nenhuma imagem.
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Botão online na versão Invision

Mensagem por Talissa Andr. em Sab 13 Nov 2010 - 17:54

Minha ultima idéia! Piscada
Código:

.online {
background-image: url('http://illiweb.com/fa/prosilver/icon_user_online_en.png');
background-repeat: no-repeat;
background-position: top left;
}

Talissa Andr.
Usuário destaque

Feminino
Inscrito dia : 28/10/2010
Mensagens : 834
Pontos Ativos : 1130

Ver perfil do usuário

Resolvido Re: Botão online na versão Invision

Mensagem por Loki em Sab 13 Nov 2010 - 18:02

Não funcionou Talissa, mas muito obrigado pela atenção, boa noite.
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Botão online na versão Invision

Mensagem por Talissa Andr. em Sab 13 Nov 2010 - 18:09

Desculpe o transtorno.
Espero que alguem mais possa te ajudar.

Talissa Andr.
Usuário destaque

Feminino
Inscrito dia : 28/10/2010
Mensagens : 834
Pontos Ativos : 1130

Ver perfil do usuário

Resolvido Re: Botão online na versão Invision

Mensagem por Mikáá em Dom 14 Nov 2010 - 3:02

Olá!
Confira se não colocou nenhuma imagem no seguinte lucal:
Painel de control Seta Visualização Seta Imagens e cores :seta2: Gestão das imagens! Depois clique em :seta2: Modo avançado.
Depois clique na abba :seta2: Botões.
E procure por: Conectado! (E veija se está lá alguma imagem!)

Até mais
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Botão online na versão Invision

Mensagem por Solkis em Dom 14 Nov 2010 - 6:22

Bom dia,

Tente com este código:
Código:
.online {
background-image: url('Link da Imagem do Icon Online');
background-repeat: no-repeat;
background-positon: 20px right;
}
Até mais.
avatar

Solkis
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12075

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

Resolvido Re: Botão online na versão Invision

Mensagem por Loki em Dom 14 Nov 2010 - 9:32

Boa dia, nenhum código resultou até agora. Obrigado pela atenção de todos.
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Botão online na versão Invision

Mensagem por Nicker em Dom 14 Nov 2010 - 9:56

Olá,
Aqui vai minha tentatvia :
Código:
.online {
background-image: url('LINK DA SUA IMAGEM);
background-repeat: no-repeat;
background-position: bottom left;
background-position: 120px 10px;
z-index: 80;
}
Até mais. Estilo cool
avatar

Nicker
Usuário destaque

Masculino
Inscrito dia : 04/05/2010
Mensagens : 549
Pontos Ativos : 780

Ver perfil do usuário http://www.publieiros.com/

Resolvido Re: Botão online na versão Invision

Mensagem por Loki em Dom 14 Nov 2010 - 10:05

Obrigado Nicker, também não funcionou. O código que chegou mais próximo foi o primeiro do Santolaz.
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Botão online na versão Invision

Mensagem por Mikáá em Dom 14 Nov 2010 - 10:08

Olá mais uma vez....
Tente este:
Código:
.online {
background-image: url('Link da Imagem do Icon Online');
background-positon: 20px right;
}

Até já.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Botão online na versão Invision

Mensagem por Loki em Dom 14 Nov 2010 - 10:15

Olá Santolaz, aconteceu o mesmo problema que o primeiro código, ele se multiplicou e ficou ocupando todo o campo do perfil.
E quando se usa o código ' background-repeat: no-repeat; ' , ele não aparece nenhuma vez, quando remove ele, a imagem aparece, mas se multiplica.
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Botão online na versão Invision

Mensagem por Mikáá em Dom 14 Nov 2010 - 10:17

Olá!

Sendo assim tente este, mas não lhe garanto nada:
Código:
.online {
background-image: url('Link da Imagem do Icon Online');
background: no-repeat
}
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Botão online na versão Invision

Mensagem por Loki em Dom 14 Nov 2010 - 10:21

Não funcionou Santolaz, então eu acho que não tem jeito mesmo.

Obrigado para todos que tentaram.

Obrigado
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Botão online na versão Invision

Mensagem por Mikáá em Dom 14 Nov 2010 - 10:23

SantolaZ escreveu:Olá!
Confira se não colocou nenhuma imagem no seguinte lucal:
Painel de control Seta Visualização Seta Imagens e cores :seta2: Gestão das imagens! Depois clique em :seta2: Modo avançado.
Depois clique na abba :seta2: Botões.
E procure por: Conectado!

Até mais

Já tentou esta forma que está citada em cima?
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Botão online na versão Invision

Mensagem por Loki em Dom 14 Nov 2010 - 10:26

Sim, já tentei por esse meio. Mas quando eu adiciono a imagem ela fica do lado esquerdo do nome, e eu gostaria que ela ficasse ali no canto superior direito.
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

Resolvido Re: Botão online na versão Invision

Mensagem por Mikáá em Dom 14 Nov 2010 - 10:28

Então, lamento mas já lhe disse as tentativas todas que eu sabia.
Me desculpe dizer, mas acho que não áh como!

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Botão online na versão Invision

Mensagem por Loki em Dom 14 Nov 2010 - 10:31

Obrigado mesmo assim.

Tópico [Resolvido]
avatar

Loki
Nível 10

Masculino
Inscrito dia : 30/12/2009
Mensagens : 291
Pontos Ativos : 388

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

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


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