Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

3/25/2013

Personalizando Imagens das Postagens

Olá gente , bom como pediram resolvi postar , o código é da base da Ana Carolina confiram o tutorial :

1 - Vá em Modelo - Editar Html procure por ]]</b:skin> 
 e cole esse código 
.post img{
box-shadow: 0px 0px 3px #000000;
-moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 2s;
-webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 2s;
-o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 2s;
background: url(http://static.tumblr.com/um2zssm/kftmh7jo5/pack-backgrounds_cherry_bomb_31.gif);
background-position: top left;
padding: 5px;
border: 1px solid #9F8C76;
}
.post img:hover{
-webkit-filter: grayscale(100%);z-index: -80px;
-moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 2s;
-webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 2s;
-o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 2s;
background-position: bottom right;
}
Edite de acordo com teu gosto , visualize e salve.
Tutorial por Sugoi Tutoriais Créditos : Ana Carolina

Nenhum comentário:

Postar um comentário

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.