13 de fev de 2012

Efeito opacidade nas imagens do blog



A pedido da Ju no Cbox, vou ensinar como colocar esse efeito de opacidade, nas imagens do CD.

Vá em DesignEditar 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;}

9 comentários :

  1. Não consegui realizar! Você pode me ajudar?
    http://mentesvelhas.blogspot.com.br/

    ResponderExcluir
  2. Então, Ruth. Eu tentei usar o tutorial mas não deu certo. O modelo do meu blog é Viagem, pode ser esse o motivo? Segui os passos corretamente, mas não deu certo! Beijos
    http://mentesvelhas.blogspot.com.br/

    ResponderExcluir
  3. Muito legal o tutu, ja estou usando no meu blog.
    Gostaria de saber se vc aceita afiliação.
    Bjo

    beccadesigner.blogspot.com

    ResponderExcluir
  4. Usando , Amei o tuto.Matheus, todos os blogs, inclusive o meu , são do modelo viagem, esse não é o problema. Você já editou as fotos outra vez de outro geito? pode ser esse o problema.

    ResponderExcluir
  5. Obrigada, ameeeeeei e deu Super Certo.

    ResponderExcluir
  6. Não consegui, no HTML diz que não existe o codigo ]]>

    ResponderExcluir
  7. Usando, mdds, fica muito fofo e dá super certo >3<
    http://confu-sa.blogspot.com/

    ResponderExcluir

Sem chingamentos porfavor ;)
Todos os comentários serão respondidos.