2 de mar de 2014

Tutorial: Efeito Bordas Hover nas Imagens

Olá '3'
Vim postar um tutorial bem legal!

1- Vá em Editar HTML, Ctrl + F, e procure por ]]></b:skin agora acima do que você procurou cole:

.elitescale{-moz-border-radius: 2px;-webkit-border-radius: 2px;-webkit-transition: 0s linear;-webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;background-color: #FF6EB4; /*Cor da borda */ padding: 3px;}.elitescale:hover {background-color: #AB82FF; /*Cor da borda quando passa o mouse */ padding: 3px;}

2- Mude o necessário, salve.

3- Vá em Layout, ADD Gadget, HTML/JavaScript e cole:
<a href="Link do Blog" title="Nome do blog"><img src="link da sua imagem" class="elitescale"/></a>

4- Faça as alterações necessárias, visualize, salve.

Créditos: Assim Tipo Tudo e Without Kawaii


6 comentários:

Página Anterior Próxima Página Home