2 tutoriais em 1

aqui meu outro post, eu não sou de postar tudo muito junto, mas vamos lá (..)

Efeito folha nas imagens

Vá em Design, editar HTML, tecle F3 e procure pelo código:

]]></b:skin>

acima dele, cole a tag:

.post img {

filter:alpha(opacity=100);

-moz-opacity:1.0;

opacity:1.0;

-webkit-transition-duration: .50s;

border-radius: 20px 0px 20px 0px;

}

.post img:hover {

filter:alpha(opacity=82);

-moz-opacity:0.82;

opacity:0.82;

-webkit-transition-duration: .50s;

border-radius: 0px 20px 0px 20px;

}

se quiser editar a imagem, tenho as instruções:
a primeira border-radius é quando você não passa o mouse, a segunda border-radius é quando você passa o mouse, ai é só você mudar o número que está em 20 para o que desejar.Mas se quiser pode deixar tudo zerado ou tudo com o mesmo número, mais legal, eu acho (Y).
Um exemplo na imagem do ínicio do post, que está no tamanho 10 da borda :)
Comentários com imagem redonda
esse é divertido demais, vá em Design, editar HTML, tecle F3 e procure por:

.avatar-image-container {

apague ele e tbn apague este pedaço:

  margin: .2em 0 0;

}

no lugar, coloque este código (não altere nada):

.avatar-image-container {

  margin: .2em 0 0;

-webkit-border-radius: 70px;

-moz-border-radius: 70px;

border-radius: 70px;

}

Visualize, se estiver tudo certo, salve.Beijos da Gabi <: