7 de junho de 2012

  Efeito Opacity nas imagens do blog
                
Olá amores! Hoje vou ensinar a vocês o Efeito Opacity que vi no Blog das Meninas. Aprendam  como deixar a imagem do seu Blog com um aspecto bem charmoso!
O Efeito Opacity que permite um efeito de transparência em algumas imagens específicas do Blog. E que ao passar o mouse em cima dela, fica escura.


Muitos de vocês já devem ter percebido que as imagens do blog são bem clarinhas e que ao passar o Mouse em cima delas, ficam escuras. Denomina-se aí o Efeito que é bem conhecido em diversos Blogs como Efeito opacity. Veja o Exemplo:



                                                   
            Vá em: CRIAR NOVA POSTAGEM  (Imagem 1)
                   Editar HTML                             (Imagem 2)




                                                  


         Encontrando-os, cole o código a Seguir :

<a href="LINK-AQUI">
<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" /></a>
 Entendendo um Pouco: Aonde está escrito: LINK AQUI você pode por o Link de Seu Blog. No meu, eu coloco a própria URL da imagem.
E aonde está escrito URL DA IMAGEM só colocar a URL da imagem desejada, que quer que obtenha o efeito.
Créditos mais que merecidos ao Blog das meninas.

Nenhum comentário: