Imagens do post com borda hover !

Yoo ~~

A pedido, trouxe um tutorial de como colocar borda hover nas imagens do post !

É bem facil e fica bem legal, sem o mouse uma cor com o mouse em cima outra cor >.<

Vamos lá ?

Enjoy ~~

Vá em Painel> Editar HTML e procure por:

]]></b:skin>

Depois que achar cole em cima:

.imagempost {

transition-duration: 1s;

-moz-transition-duration: 1s;

-webkit-transition-duration: 1s;

opacity: none; /*opacidade quando hover*/

border: 2px solid #b057df; /*espessura, tipo e cor de borda*/

}

.imagempost:hover {

transition-duration: 1s;

-moz-transition-duration: 1s;

-webkit-transition-duration: 1s;

opacity: .6; /*opacidade*/

border: 3px solid #ff6eb4#d08499; /*espessura, tipo e cor da borda quando hover*/

}

Agora na postagem clique em HTML e cole:

<mg src="URL da imagem" class="imagempost"/></a>

Beijos :3