- Vá em Desing >> Editar HTML >> Aperte CTRL + F e procure por:
]]></b:skin>
- Acima da tag que você procurou cole o código abaixo:
.border {
-moz-opacity:0.70; opacity:0.70;
-webkit-transition-duration:2s;
background-color:#e7b3c2 /*Cor de fundo, aparece enquanto a imagem está carregando*/;
border:2px solid #c8debf; /* Cor e estilo da borda*/ }
.border:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
background-color:#e7b3c2; /*Cor de fundo quando passa o mouse em cima*/
border: 2px solid #f2ada5; /* Cor e estilo da borda quando passa o mouse em cima*/
}
Se quiser pode mudar as cores de acordo com suas preferenciais.
Para usar basta aperta Editar HTML no post e colar esse código:
<img src="URL DA IMAGEM" class="border"/>
Não se esqueça de colocar o url da imagem desejada.
