Sobrepor tarja "online" ao avatar

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

Resolvido Sobrepor tarja "online" ao avatar

Mensagem por SergioCl em 06/11/13, 02:09 am

Qual é minha questão:
Necessito colocar a tarja "online" sobre o avatar do membro.
Quando desloco a posição da tarja através de CSS ela entra por baixo da figura do avatar conforme pode ser visto imagem abaixo.



Endereço do meu fórum:
http://www.toyotaetiosclube.com.br

Versão do fórum:
PHPBB3


Última edição por SergioCl em 06/11/13, 12:16 pm, editado 1 vez(es)

SergioCl
Nível 2

Masculino
Inscrito dia : 14/05/2013
Mensagens : 12
Pontos Ativos : 19

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

Resolvido Re: Sobrepor tarja "online" ao avatar

Mensagem por [F]lames em 06/11/13, 11:16 am

Olá,

Podes ativar o efeito (como na 2ª imagem) para que eu possa fazer as alterações necessárias?

Passar bem. Muito feliz
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Sobrepor tarja "online" ao avatar

Mensagem por SergioCl em 06/11/13, 11:24 am

Não sei se entendi bem o que você pediu, mas alterei as configurações para que a imagem fosse apresentada como está na 2ª imagem.

Obrigado.

SergioCl
Nível 2

Masculino
Inscrito dia : 14/05/2013
Mensagens : 12
Pontos Ativos : 19

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

Resolvido Re: Sobrepor tarja "online" ao avatar

Mensagem por [F]lames em 06/11/13, 11:41 am

Olá,

Adicione á teu CSS:
Código:
.online {background-image: none;position: relative;}
.online .postprofile:before {content: ' ';background: url(http://illiweb.com/fa/prosilver/icon_user_online_en.png);float: right;width: 58px;height: 58px;position: absolute;top: 0;right: 0;margin-right: -10px;margin-top: -10px;}
.online .postprofile {padding-right: 10px;}
Passar bem. Muito feliz
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Sobrepor tarja "online" ao avatar

Mensagem por SergioCl em 06/11/13, 12:16 pm

Perfeito, ficou exatamente como eu precisava. Muito feliz Muito feliz Muito feliz 
Muito obrigado.

SergioCl
Nível 2

Masculino
Inscrito dia : 14/05/2013
Mensagens : 12
Pontos Ativos : 19

Ver perfil do usuário http://www.toyotaetiosclube.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