quarta-feira, 5 de setembro de 2012

Deixando as imagens do blog opacas

184160_389168867827037_599141561_n_large
Oi galera vamos aprender fazer um tutorial super facil e que da um mega charme no blog?
Um tutorial que muitos blogs ja usam e que eu acho mega fofo e uso em meus Layouts vamos lá então
Entre em seu html   e procure por 

]]></b:skin>
Logo que achar de um enter e cole logo acima esse codigo abaixo:
.main img {
filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;
}
.main img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
duration: 50s;
}

Prontinho visualize se estiver tudo certo é só  salvar 

4 comentários:

Cindy Souza disse... [Responder comentário]

Muito bom seu tutorial, fácil e pratico! Parabéns! :)
contosdoces.(blogspot . com )

Juliana Fachini disse... [Responder comentário]

adorei o tutorial! usava algo parecido no tumblr
fico um efeito bem fofo no blog, lindo

bjs
http://quaseatoa.blogspot.com.br/

Anne Crisley disse... [Responder comentário]

Amei o post, sabe oq você poderia ensinar que eu literalmente amo ver nos blogs, porém não sei como fazer? Esse Curtir da fanpage do blog diretamente vinda do facebook, aposto que muitos iriam amar! Você sabe como fazer? Beijoos.

WWW.ANECRISLEY.BLOGSPOT.COM

Útil não Fútil disse... [Responder comentário]

Adorei o tutorial! Super fácil e que faz uma boa diferença no blog!
;)