Ajustar posição do ícone online

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

Atendido / Resolvido Ajustar posição do ícone online

Mensagem por Kolseuvis em 05.05.12 8:04

Qual é minha questão:
Olá. Hoje eu resolvi colocar o ícone online em cima do avatar, e para isto utilizei o seguinte código:
Código:
.online {
background-image: url(http://i49.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: left 0;
}

Como podem observar na imagem abaixo, o ícone não ficou ajustado ao avatar. Gostaria que ele ficase na mesma linha do avatar e não totalmente ao canto. É possível?

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
https://i.servimg.com/u/f49/17/29/60/71/sem_ta54.png

Endereço do meu fórum:
http://interativo.livreforum.com/

Versão do meu fórum:
PHPBB3


Última edição por Kolseuvis em 10.05.12 4:06, editado 1 vez(es)
Kolseuvis

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

http://www.formigaeletrica.com.br

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Sennior em 05.05.12 8:16

Olá amigo;
Tente esse:

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores

:seta2: Folha de estilo CSS

Código:
. online {
background-image: url (http://i49.servimg.com/u/f49/17/29/60/71/ninten10.png)! important;
background-position: center 0;
}

Cordialmente Café
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Kolseuvis em 05.05.12 8:30

Olá House, obrigado pela atenção mas não resultou.
Com este código o icone online nem aparece.
Kolseuvis

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

http://www.formigaeletrica.com.br

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Sennior em 05.05.12 8:34

Tente esse:

Código:
.online {
background-image: url (http://i49.servimg.com/u/f49/17/29/60/71/ninten10.png)! important;
background-position: right 0;
}

Ate!
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Kolseuvis em 05.05.12 8:37

Continua a não aparecer House.
Kolseuvis

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

http://www.formigaeletrica.com.br

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Sennior em 05.05.12 8:53

Ola tente

Código:
.online {
background-image: url(http://i49.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: left 10px;
}

Boa noite
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Kolseuvis em 05.05.12 8:59

Pois é, eu já havia pensado nisto mas também não resultou em nada.
Kolseuvis

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

http://www.formigaeletrica.com.br

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por MateusV. em 05.05.12 19:19

Olá, substitua seu codigo por este
.online {
background-image: url(https://i.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: left 0;
margin-left: 10px;
}

Até mais. De bem com a vida
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9284

http://mateusv.site11.com/gerador2.html

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Kolseuvis em 05.05.12 20:11

MateusV. , agradeço a ajuda, mas não resultou. Tentei modificar o valor de margin-left mas neste caso o que eu movo é a margem de todo a estrutura de tópicos, e não do ícone online.
Kolseuvis

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

http://www.formigaeletrica.com.br

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por MateusV. em 06.05.12 1:16

Olá, adicione este codigo em seu CSS
.online img{
margin-left: 10px !important;
}

Até mais. Piscada
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9284

http://mateusv.site11.com/gerador2.html

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Kolseuvis em 06.05.12 4:53

Ainda nada. Triste
Kolseuvis

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

http://www.formigaeletrica.com.br

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Sennior em 06.05.12 6:01

Oi!

Tente esse:

.online.profile {
background-image: url(https://i.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: left 0;
}

Cordialmente Café
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Kolseuvis em 06.05.12 6:20

Neste caso ele volta a não aparecer. ;x
Kolseuvis

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

http://www.formigaeletrica.com.br

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Sennior em 06.05.12 6:26

"Rissos" Muitos Tópicos e isso que acontece "Rissos"!
Tente esse:

Código:
.profile {
background-image: url(http://i49.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: left 0;
}

Até


Última edição por Dr.House em 06.05.12 6:33, editado 1 vez(es)
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Kolseuvis em 06.05.12 6:29

Amigo, mas no caso gostaria de regular o ícone online, e não o nome da categoria. Ele está dentro do Profile... seguindo o seu exemplo, em que influenciaria?
Kolseuvis

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

http://www.formigaeletrica.com.br
  • 0

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por MateusV. em 06.05.12 22:46

Olá, tente este
.online {
background-image: url(https://i.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: left 0;
padding-right: 10px;
}

Até mais. Piscada
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9284

http://mateusv.site11.com/gerador2.html

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Kolseuvis em 07.05.12 7:52

Touch, neste caso a imagem online volta a aparecer, mas da mesma forma que estava quando iniciei este tópico, ou seja, fora de ajuste.

Quanto modifico o valor de background-position ele muda a altura do ícone online.
Quando modifico o valor de padding-right nada acontece.
Kolseuvis

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

http://www.formigaeletrica.com.br

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Gabe em 10.05.12 1:51

Cara, tenta o seguinte:

.online {
background-image: url(https://i.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: top right;
background-position: 18px 0px;
}

Abraço.
Gabe

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5769
Pontos Ativos : 7546

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Ajustar posição do ícone online

Mensagem por Kolseuvis em 10.05.12 4:06

Em choque Perfeito! Funcionou perfeitamente! Genial Gabe!

Muito obrigado aos membros Touch e Dr.House por terem focado neste tópico. Agradeço mesmo!
Kolseuvis

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

http://www.formigaeletrica.com.br

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