Go to content Go to menu
 


Con este codigo podemos hacer que al pasar el raton sobre un texto o una link aparesera una imagen en un lugar diferente de donde pasastes el raton.si pasas tu raton sobre el texto que esta abajo podras mirar que aparesera mi imagen a la derecha.

Pasa tu raton sobre mi!!!

 

 Aqui les explico como lograr esto.

Pega este codigo donde quieras que aparesca el texto ese para que pasen el raton.

 

<a class="myLink7" href=""><span class="span7"> El texto que vallan a usar aqui </span>
<div class="myHimg"><img src="link directa de la foto aqui"/>
</div></a>


Ahora pega este codigo en la seccion de CSS y editalo segun como te digo abajo.

 


{! needed for IE !}
a:hover img {filter:none;}

a.myLink7 img {border:none}
a.myLink7, a.myLink7 span.span7 {width:194px; height:24px;}

a.myLink7 div.myHimg {display:none;}
a.myLink7:hover div.myHimg {
display:block; position:absolute; top:0px; right:0px;}

 

top:0px Ponle un numero aqui para que la imagen aparesca mas arriba o mas abajo

right:0px;}  Ponle un numero aqui para que aparesca mas a la isquierda o derecha