Como colocar este código apenas para avatares

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

Atendido / Resolvido Como colocar este código apenas para avatares

Mensagem por ViniciusVX em 12.03.13 18:41

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 19:19, editado 1 vez(es)
ViniciusVX

ViniciusVX
Usuário avançado

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

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

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

Mensagem por Ted em 12.03.13 18:59

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;}
Ted

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

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

Mensagem por BrunoH. em 12.03.13 19:02

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

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

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

Mensagem por ViniciusVX em 12.03.13 19:07

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

ViniciusVX
Usuário avançado

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

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

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

Mensagem por BrunoH. em 12.03.13 19:08

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

Até mais.
BrunoH.

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

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

Mensagem por ViniciusVX em 12.03.13 19:18

Ficou ótimo!
ViniciusVX

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 08/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


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum