Ajustar posição do ícone online

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

Resolvido Ajustar posição do ícone online

Mensagem por Kolseuvis em 05/05/12, 04:04 am

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:
http://i49.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, 12:06 am, editado 1 vez(es)
avatar

Kolseuvis
Membro do Fórum

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

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

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

Mensagem por Sennior em 05/05/12, 04:16 am

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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

Mensagem por Kolseuvis em 05/05/12, 04:30 am

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

Kolseuvis
Membro do Fórum

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

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

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

Mensagem por Sennior em 05/05/12, 04:34 am

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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

Mensagem por Kolseuvis em 05/05/12, 04:37 am

Continua a não aparecer House.
avatar

Kolseuvis
Membro do Fórum

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

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

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

Mensagem por Sennior em 05/05/12, 04:53 am

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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

Mensagem por Kolseuvis em 05/05/12, 04:59 am

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

Kolseuvis
Membro do Fórum

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

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

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

Mensagem por MateusV. em 05/05/12, 03:19 pm

Olá, substitua seu codigo por este
.online {
background-image: url(http://i49.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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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

Mensagem por Kolseuvis em 05/05/12, 04:11 pm

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

Kolseuvis
Membro do Fórum

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

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

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

Mensagem por MateusV. em 05/05/12, 09:16 pm

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

Até mais. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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

Mensagem por Kolseuvis em 06/05/12, 12:53 am

Ainda nada. Triste
avatar

Kolseuvis
Membro do Fórum

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

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

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

Mensagem por Sennior em 06/05/12, 02:01 am

Oi!

Tente esse:

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

Cordialmente Café
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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

Mensagem por Kolseuvis em 06/05/12, 02:20 am

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

Kolseuvis
Membro do Fórum

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

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

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

Mensagem por Sennior em 06/05/12, 02:26 am

"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, 02:33 am, editado 1 vez(es)
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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

Mensagem por Kolseuvis em 06/05/12, 02:29 am

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

Kolseuvis
Membro do Fórum

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

Ver perfil do usuário http://www.formigaeletrica.com.br
  • 0

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

Mensagem por MateusV. em 06/05/12, 06:46 pm

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

Até mais. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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

Mensagem por Kolseuvis em 07/05/12, 03:52 am

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

Kolseuvis
Membro do Fórum

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

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

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

Mensagem por Gabe em 09/05/12, 09:51 pm

Cara, tenta o seguinte:

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

Abraço.
avatar

Gabe
Principal contribuidor
Principal contribuidor

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

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

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

Mensagem por Kolseuvis em 10/05/12, 12:06 am

Em choque Perfeito! Funcionou perfeitamente! Genial Gabe!

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

Kolseuvis
Membro do Fórum

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

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

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