sexta-feira, 7 de outubro de 2011

Tutorial - Efeito Opacidade em uma única imagem.

 Olá meus cupcakes :)

No tutorial de hoje, eu vou ensinar como colocar opacidade em uma determinada imagem como o exemplo abaixo:

É muito simples! Primeiro, insira uma imagem no seu post, copie o url dela e depois vá até a aba editar HTML.
Agora dê ctrl+f e procure pelo url da sua imagem. Vai estar mais ou menos assim:
<img src="url da sua imagem"/>
Então, entre img e src cole:
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;"
Vai ficar assim:
<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="Url da imagem" />
Depois é só clicar na aba Escrever de novo e pronto! Sua imagem vai ficar com opacidade.
Gostou do tutorial ? Então comente!

Um comentário:

  1. Oiee flor,blog lindo viu?!Ah e eu adorei o tutorial posso posta-lo no meu blgo,eu juro que coloco o s créditos tá?!
    http://haus-of-teen.blogspot.com/

    ResponderExcluir

Obrigada pelo comentário! Mas ó,
- Leia as Regras do blog.
- Não se esqueça de deixar o link do seu blog para eu visitar. <3
- Retribuo quase todos os comentários.
- Se tiver dúvidas,visite a Faq.
- Eu não aceito selinhos nem tags :@