Tutorial

TUTORIAL


IMAGEM OPACAS E TRANSPARENTES


Ola Ducetes *-*

vamos começar nosso primeiro tutorial do blog Ducetes Amor do Doce

vou ensinar como deixar a imagens opacas ou transparentes quando se passa o mouse como na imagem acima *-*

Como Fazer:

1°: clique em ''Designe'' e no ''Modelo'' no seu blog

2°: editar HMTL

3°: clique em prosseguir 

4°: margue a opção ''Expandir modelos de widgets''

5°:  Aperte Ctrl+F e procure por ]]></b:skin>  

Apos encontrar o código em vermelho acima, cole antes o código abaixo :

/****** opacidade - MADLYLUV.COM ******/ 

.opacidade 

{filter:alpha(opacity=82); 

-moz-opacity:0.82; 

opacity:0.82;} 

.opacidade:hover 

{filter:alpha(opacity=100); 

-moz-opacity:1.0; 

opacity:1.0;}

Salve as alterações

como funcionar:

Agora a cada vez que quiser uma imagem com efeito, coloque esse código:

<img src="URL DE SUA IMAGEM"opacidade"/>

Espero que tenham gostado os créditos são do blog Cherry Bomb! :)