segunda-feira, fevereiro 27, 2012

Tutorial: Efeito Transparente nas imagens do blog

Heeeey meus pãozinhos de Queijo (Amopãozinhodequeijo).
  Tem Tutorial pra vocês,é claro que os créditos vão para o blog Tutorizar porque eu ando meio sem
criatividade para tutoriais e hoje eu to cozida que só (rs).Espero que gostem e que ajudem a vocês
Tumblr_m02gryqdrj1qc8etdo1_500_large



Créditos:Tutorizar






Vá em Desing > Editar HTML 
Aperte Ctrl + F e pesquise por
.post img {
padding:4px;
border:1px solid $bordercolor;
}
 Ao achar o código substitua tudo por esse novo código:
.post img {
filter: alpha(opacity:0.5);
KHTMLOpacity: 0.5;
MozOpacity: 0.5;
-khtml-opacity:.50;
-ms-filter:"alpha(opacity=50)";
-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;
}
.post img:hover {
filter: alpha(opacity:1);
KHTMLOpacity: 1;
MozOpacity: 1;
-khtml-opacity:.1;
-ms-filter:"alpha(opacity=100)";
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}

4 comentários:

Elora Weissmann Bicca disse...

não sei se é aqui no meu pc, mas seu BG e seu layout todo no ecxiste :/

http://spootnickdagalera.blogspot.com/

Raah disse...

Olá, muito bom o tutorial, talvez eu use no blog, beijos!

http://ma-petiit.blogspot.com/

Portal Disturbia OFICIAL disse...

otimo tutorial *--* e ameei o blog perfeeito , tomara que cresca cada dia mais bjs de http://pdisturbia.blogspot.com/

rawr@AngellaJordison disse...

O layout do blog estava com problemas mesmo,mais ja foi resolvido,que bom que gostaram meninas.Amo vocês