Como colocar este código apenas para avatares

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

Resolvido Como colocar este código apenas para avatares

Mensagem por ViniciusVX em 12/03/13, 03:41 pm

Qual é minha questão:
Como colocar este código apenas para avatares:

img {-webkit-transition-duration: 1s;opacity: .8;}
img:hover {opacity: 9;}

Endereço do meu fórum:
http://mermoraonline.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por ViniciusVX em 12/03/13, 04:19 pm, editado 1 vez(es)
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Como colocar este código apenas para avatares

Mensagem por Ted em 12/03/13, 03:59 pm

Basta acede-lo em sua folha CSS,para a opacidade ficar mais fraca basta modificar o 8 por 5 ou copie o cod abaixo.

Código:
img {-webkit-transition-duration: 1s;opacity: .5;}
img:hover {opacity: 5;}
avatar

Ted
Nível 8

Masculino
Inscrito dia : 06/03/2013
Mensagens : 126
Pontos Ativos : 145

Ver perfil do usuário http://universal.forum-pro.net/
  • 0

Resolvido Re: Como colocar este código apenas para avatares

Mensagem por BrunoH. em 12/03/13, 04:02 pm

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
Código:
a[href^="/u"] img {-webkit-transition-duration: 1s;opacity: .5;}
a[href^="/u"] img:hover {opacity: 5;}
e Valide!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como colocar este código apenas para avatares

Mensagem por ViniciusVX em 12/03/13, 04:07 pm

Mas gostaria que o efeito não passasse ao passar o cursor por cima, e que foce um polco menos transparente.
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

Ver perfil do usuário http://mermoraonline.forumeiros.com/portal
  • 0

Resolvido Re: Como colocar este código apenas para avatares

Mensagem por BrunoH. em 12/03/13, 04:08 pm

Olá,
Substitua o código por este:
Código:
a[href^="/u"] img {-webkit-transition-duration: 1s;opacity: .3;}

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como colocar este código apenas para avatares

Mensagem por ViniciusVX em 12/03/13, 04:18 pm

Ficou ótimo!
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

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