ShiftActif fórum

[TUTORIAL] Opacidade e Efeito Hover em Avatar Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Opacidade e Efeito Hover em Avatar 405374159 ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!! [TUTORIAL] Opacidade e Efeito Hover em Avatar 1660898911

[TUTORIAL] Opacidade e Efeito Hover em Avatar

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

[TUTORIAL] Opacidade e Efeito Hover em Avatar Empty [TUTORIAL] Opacidade e Efeito Hover em Avatar

Mensagem por Make em Seg 31 Dez - 20:58


[TUTORIAL] Opacidade e Efeito Hover em Avatar Friend10

Opacidade no 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



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

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

(carregue na imagem para aumentar)[TUTORIAL] Opacidade e Efeito Hover em Avatar 1114




© ShiftActif


[TUTORIAL] Opacidade e Efeito Hover em Avatar Faq10 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
Make

Make
Membro em destaque

Masculino
Idade : 19
PointActif's : 2838
ReputActifs : 5
Mensagens : 196
Inscrição : 25/06/2012

Localização : Fortaleza-CE
100%

Ver perfil do usuário

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