2 de abr. de 2013

Tutorial : Efeito opacidade nas imagens do blog


Oi gente,hoje eu trouce um tutorial bem facinho de como colocar o efeito opacidade nas imagens do blog,esse efeito esta sendo usado aqui no nosso blog,clique em leia mais para ver o tutorial
Vá em Design  Editar HTML clique na caixinha "Expandir modelo de windget"
Tecle CTRL+F ou F3 e procure por :

]]></b:skin>

Quando achar esse codigo, cole acime dele esse outro:

.main img {
filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}

.main img:hover {
filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;
}

Esse codigo acima e o efeito de que a opacidade apareça quando passar o mouse, caso você queira a opacidade já na imagem e suma ao passar o mouse cole no lugar daquele ali em cima este outro:

.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;}

Créditos: Capture Dream

10 comentários:

  1. Muito perfeito ameei muito me ajudou bastante...
    http://cupcakescoloridoscc.blogspot.com.br/

    ResponderExcluir
  2. Não encontrei esse codigo no meu blog pq?

    ResponderExcluir
    Respostas
    1. Boa Tarde Ana, você pode estar procurando em um local inadequado tente aperta "Ctrl + F" em seu teclado para procurar o código Bjs !
      Espero ter ajudado....volte sempre!

      Excluir
  3. Eu fiz tudo certo e não deu certo! :( Me ajuda.

    ResponderExcluir
    Respostas
    1. Olá Karla,tente ver se não procurou o código certo ,ou se selecionou tudo!
      E lembre-se se seu blog tem um número muito alto de edições nessa parte do HTML não dará certo =/

      Bjs,Lai.

      Excluir
  4. Ajudou demais e já uso , VALEU !!

    m-apenausmcara.blogspot.com

    ResponderExcluir

Deixe um comentário ♥

Related Posts Plugin for WordPress, Blogger...