Go to content Go to menu
 


Si quieres que cuando pasen el raton sobre una de tus imagenes aparesca un texto abajo, aqui les voy a explicar como y de ejemplo les dejo la imagen de abajo. Pasa el raton sobre esta imagen:

Ok para lograr este efecto aqui les dejo el codigo.

Pega este codigo en la seccion que quieras que aparesca la imagen:

 

<div class="fishdiv0">
<center>
<a class= " ">
<img src="link directa de la foto aqui"><br>
<span class="popUpSpan"> Aque escribes el texto que quieras que aparesca</span>
</a>
</center>
</div>

 

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



div.fishdiv0 {width:250px; height:auto}
a:hover img {filter:none;}
a img {border:0px !important;}
a.hoverTest {width:200px; height:auto; }

a span.popUpSpan {visibility:hidden;}
a:hover span.popUpSpan {visibility:visible; display:block; border:0px silver solid}
a span.popUpSpan {color:#FF0000; font-size:13px}
a:link, a:hover  {text-decoration:none !important;}

Ok aqui les explico las partes importantes de este codigo.

width:250px  Esto es lo ancho donde esta la imagen

#FF0000  Esto es el color del texto que va apareser

13px  Esto es el lo grande del texto

 

Si quieres encontrar el codigo de tu color favorito aqui les dejo una pajina muy buena

http://www.computerhope.com/htmcolor.htm