[TUTORIAL] Opacidade e Efeito Hover em Avatar

O efeito é bem simples, é no avatar do usuário, porém, o efeito é apenas ocorrido em postagens, o efeito não está valido no perfil e outra etnias do fórum que esteja relacionada há avatar. O avatar tem efeito de opacidade, e um efeito hover que retira sua opacidade.

--> Tutoriais <--
Opacidade e Efeito Hover em Avatar

1º - Código há ser utilizado:
O código CSS abaixo está disponível para todas as versões de fóruns.

Código:

.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-opacity: 0.5;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
-o-transition-duration:.8s;
transition-duration:.8s;}
.post span.postdetails a img:first-child:hover,.postprofile dl dt a img:first-child:hover,.post div.user-ident div.user-basic-info a img:first-child:hover,dl.postdetails dl a img:first-child:hover{
   
    -moz-opacity: 10;
opacity: 10;
-webkit-opacity: 10;
}

2º - Folha CSS:
Agora siga as setas de acordo onde deverá adicionar o código dado acima:
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

---

© ShiftActif

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:[Dúvida] Opacidade e Efeito Hover em Avatar