Botão online na versão Invision Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Botão online na versão Invision

+2
ThiagoPacheco
Loki
6 participantes

Ir para baixo

Tópico resolvido Botão online na versão Invision

Mensagem por Loki 13.11.10 14: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

Botão online na versão Invision Perfill

Obrigado.
Loki
Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por ThiagoPacheco 13.11.10 14:45

Boa tarde!

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

Att, Thiago.
ThiagoPacheco
ThiagoPacheco
Super Membro

Membro desde : 22/01/2010
Mensagens : 1282
Pontos : 1785

http://futebolarpg.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Loki 13.11.10 14:49

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

Obrigado.
Loki
Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Mikáá 13.11.10 19:24

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

Até mais.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Loki 13.11.10 19:55

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

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Mikáá 13.11.10 19: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.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Loki 13.11.10 22: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

Botão online na versão Invision Imagemkoq
Loki
Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Talissa Andr. 13.11.10 22:35

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

Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Loki 13.11.10 22:37

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

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Talissa Andr. 13.11.10 22:54

Minha ultima idéia! Piscada
Código:

.online {
background-image: url('http://2img.net/i/fa/prosilver/icon_user_online_en.png');
background-repeat: no-repeat;
background-position: top left;
}
avatar
Talissa Andr.
Membro

Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Loki 13.11.10 23:02

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

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Talissa Andr. 13.11.10 23:09

Desculpe o transtorno.
Espero que alguem mais possa te ajudar.
avatar
Talissa Andr.
Membro

Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Mikáá 14.11.10 8: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
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Solkis 14.11.10 11: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.
Solkis
Solkis
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Loki 14.11.10 14:32

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

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Nicker 14.11.10 14: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
Nicker
Nicker
Membro

Membro desde : 04/05/2010
Mensagens : 549
Pontos : 780

http://www.publieiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Loki 14.11.10 15:05

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

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Mikáá 14.11.10 15: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á.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Loki 14.11.10 15: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.
Loki
Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Mikáá 14.11.10 15: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
}
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Loki 14.11.10 15:21

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

Obrigado para todos que tentaram.

Obrigado
Loki
Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Mikáá 14.11.10 15: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?
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Loki 14.11.10 15: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.
Loki
Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Mikáá 14.11.10 15: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.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão online na versão Invision

Mensagem por Loki 14.11.10 15:31

Obrigado mesmo assim.

Tópico [Resolvido]
Loki
Loki
****

Membro desde : 30/12/2009
Mensagens : 291
Pontos : 388

http://cshp.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos