Efeito Zoom nos afiliados



20 de janeiro de 2013






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:

  1. Já conhecia esse tuto e ele é bem fofo!! c:

    Beijoos, flor!

    Srta. Adolescência :3

    ResponderExcluir
    Respostas
    1. Que bom *--* também acho ele bastante fofo ;3

      Excluir

Fã page | Twitter | Instagram

Críticas construtivas são sempre bem vindas.
Deixe o link do seu blog no final do comentário e retribuiremos a visita
Aceitamos TAG's, se não a respondermos, provavelmente nós já devemos ter respondido anteriormente por outra indicação.
Lembre-se, tudo aqui é feito para você, então fique a vontade para pesquisar,ler,comentar e pedir postagens.

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