BEM VINDA (O)

Oi! Seja bem vindo ao meu blog pessoal. Aqui você vai encontrar um pouco de cada coisa: minha vida, assuntos blogueiros e vários tutoriais. Volte sempre!

NANA

22 anos, 29/07, RJ, UFRJ, PIANISTA. Tímida, amiga, sincera, chorona, teimosa, desastrada, romântica. <3 Sex and the city + Broadway.

TWITTER

FAVORITOS

ETC

Powered by HostBra

online

visitas

Melhor visualizado 1280 x 768 + Firefox

EFEITO TELEVISÃO

Este efeito é muito legal, a imagem fica com o chuvisco de tv fora do ar e quando você passa o mouse, a imagem aparece!
Primeiramente, você precisa salvar este arquivo e colocar no seu servidor. Para pegar, clique aqui.
Agora cole o código abaixo entre as tags <head> e </head>.

<script> nereidFadeObjects = new Object();nereidFadeTimers = new Object();function nereidFade(object, destOp, rate, delta){if (!document.all) return if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return; } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } </script>

O código abaixo foi estruturado em 2 divs layers. É só você mexer nos valores e ajustar aonde você quer que a imagem fique. Você deve colocar as 2 imagens hospedadas: da televisão e a outra foto.

<div style="position: absolute; top:257; left:15; z-index:2"> <img src="ENDEREÇO DA IMAGEM DA TELEVISAO AQUI" width="100" height="100"></div> <div style="position: absolute; top:257; left:15; z-index:3"> <img src="ENDEREÇO DA IMAGEM QUE VC QUER QUE APAREÇA" width="100" height="100" style="filter:alpha(opacity=30); border:1; border-color:000000; border-style:solid" onmouseover="nereidFade(this,100,30,10)" onmouseout="nereidFade(this,30,50,10)"></a></div>