20 janeiro 2013

Efeito Zoom nos afiliados






A pedido de uma leitora muito kawaii eu vou postar como faz esse efeito de zoom nos afilidos é simples! Quer aprender clique em continue lendo.




É bastante simples mesmo vai em Modelo >> editar HTML>>prosseguir>> aperte Ctrl +F e pesquise por:  

]]></b:skin>

Acima dessa tag cole isso

.afiliados {
width: 80px; height: 80px;-ms-interpolation-mode: bicubic;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;}.afiliados:hover {border: 1px solid #ddd;box-shadow: inset 0 0 3px #aaa, 0 0 5px #606060; /* Cor da Sombra */
-webkit-transition-duration:1.0s;width: 90px; height: 90px;-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
transform:scale(1.3);
}

 Podem mudar o estilo da borda a cor e tudo mas, já está tudo explicado no próprio código. 


Agora vá em layout>> adicionar um novo gadget>>HTML/Java script>> e nele cole

  
<a href="Link do blog" title="Nome do blog afiliado"><img src="Link da imagem"class="afiliados"/></a>




Créditos do tuto Rose of pain 






2 comentários:

» Nossas redes sociais: Fã page | | Instagram | | Pinterest

» Críticas construtivas são sempre bem vindas.

» Deixe o link do seu blog no final do comentário e retribuiremos a visita com carinho.

» Lembre-se, tudo aqui é feito para você, então fique a vontade para pesquisar,ler,comentar e pedir postagens.

© BELEZA NERD 2013 - 2019. Todos os direitos reservados.
Layout e codificação: GLEICY HANER - DESIGNS E FOTOGRAFIA .
Tecnologia do Blogger.
imagem-logo