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 13/11/10, 12:34 pm

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 13/11/10, 12:45 pm

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 13/11/10, 12:49 pm

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 13/11/10, 05:24 pm

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 13/11/10, 05:55 pm

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 13/11/10, 05:59 pm

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 13/11/10, 08:31 pm

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 13/11/10, 08:35 pm

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 13/11/10, 08:37 pm

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 13/11/10, 08:54 pm

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 13/11/10, 09:02 pm

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 13/11/10, 09:09 pm

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 14/11/10, 06:02 am

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 14/11/10, 09:22 am

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
Principal contribuidor
Principal contribuidor

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

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

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

Mensagem por Loki em 14/11/10, 12:32 pm

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 14/11/10, 12:56 pm

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 14/11/10, 01:05 pm

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 14/11/10, 01:08 pm

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 14/11/10, 01:15 pm

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 14/11/10, 01:17 pm

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 14/11/10, 01:21 pm

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 14/11/10, 01:23 pm

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 14/11/10, 01:26 pm

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 14/11/10, 01:28 pm

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 14/11/10, 01:31 pm

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

- Tópicos similares

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