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! :)











4 comentários:

Dani Ferretti disse...

Oi, gostaria de saber alguns blogs tipo esse cherry bomb, estou montando meu blog e gostaria muito de agradecer porque aqui achei links de onde posso arrumar dicas sobre isso

Miahlee disse...

oii Dani *-*

obrigada, eu adoro esses blogs e eles me ajudaram muito então para agradece-los eu compartilho para que mais docetes e visitantes do blog terem uma oportunidade de conhecerem esses lindos blogs e que as ajudem no que precisarem *0*

kiss

Jhully Gabriele S. Blank Barros disse...

como vc fez para botar esse gadget no topo a esquerda?
pfv eu preciso muito saber *--*

Danielle Lima disse...

Olá! Vocês podem dar uma passada no meu blog?
SoS do7s

Layout Free Cutest por Adália Sá - Todos os direitos reservados - Hospedado por Blogger