Como colocar este código apenas para avatares

3 participantes

Ir para baixo

Tópico resolvido Como colocar este código apenas para avatares

Mensagem por ViniciusVX 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
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar este código apenas para avatares

Mensagem por Ted 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
***

Membro desde : 06/03/2013
Mensagens : 126
Pontos : 145

http://universal.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar este código apenas para avatares

Mensagem por BrunoH. 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.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar este código apenas para avatares

Mensagem por ViniciusVX 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
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar este código apenas para avatares

Mensagem por BrunoH. 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.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar este código apenas para avatares

Mensagem por ViniciusVX 12.03.13 19:18

Ficou ótimo!
ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos