Voltei,não morri X-X' + Tutorial de como por bordas e opacidade nas imagens

Boujour' vim aqui dizer que eu voltei a postar no blog é que...eu fiz besteira no layout do blog e pra

mim concertar o layout demorou um pouco,então tipo demorou 2 dias pra terminar ,mais esta ok!

Para não deixar passar em branco,vou postar como colocar a borda e opacidade nas imagens.

Clique em "Leia Mais" para ver o tutorial

Vá em Design > Editar Html >Ctrl + F ou F3 :
]]></b:skin>

Logo acima cole este codigo :

.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*/ 

} 

Esta ok ,mais para funcionar mesmo,você tem que por a tag  class="border" no codigo da imagem :) assim o:

<img src="linkdaimagem" class="border"/>

Creditos:Cherry Bomb