miércoles, 8 de abril de 2009

VENTANA EMERGENTE IMAGEN Y TEXTO

Este efecto consiste en sacar una ventana emergente al pasar el cursor por encima de una imagen o un texto, la forma de crearlo es muy simple y es de la siguiente forma:

Copiar el siguiente código donde queráis crear el efecto.

Para imagenes:


<a href="" onMouseOver="alert('MENSAJE DE EJEMPLO');return true;">
<IMG SRC="URL DE LA IMAGEN" border="0"></a>


Tedréis que obtener la url de la imagen que queráis insertar, para ello podéis hacer uso de un servidor de imagenes, yo utilizo este.

Para texto:

<a href="" onMouseOver="alert('MENSAJE DE EJEMPLO');return true;">TEXTO</a>

Ejemplos:(Poner cursor encima de la imagen y texto).
  • Imagen:


  • Texto:

Esto es un ejemplo de texto

6 Comentarios:

Union Lo Saldes dijo...

http://unionlosaldes.blogspot.com/
ese es mi blog mira lo que deseo es cambiar el color de mis etiquetas donde aparece inicio, goleadorews etc porfavor ayuda

caxitos dijo...

Union Lo Saldes Para cambiar el color de tu menú tendrás que dirigirte al código con el que lo insertaste, allí encontrarás los colores de la forma #FFFFF, lo único que tienes que hacer es modificar ese dato por el código del color que desees, puedes consultar los diferentes colores en el apartado Colores de mi blog. Saludos!! si no lo consigues puedes mandarme el código y yo te indicaré. Suerte!!

DonGhato dijo...

ola
necesito una venta emegente pero la necesito asi

por ejemplo en la paginas de pornofia hay algunas que cuando vas a dar a el link que te lleva alas fotos o videos o lo que se te preguntha
DEBES SER MAYOR DE EDAD PARA ENTRA

ACEPTAR CANCELAR

y cuando le des aceptar te lleva a la pag del link y si le das cancelar te deja ahi

caxitos dijo...

Simon te contesté con la enrada.
http://sitiooriginal.blogspot.com/2009/05/ventana-emergente-aceptar-cancelar.html, espero que te sirva.

Anónimo dijo...

como hago para que la ventana se abra sola al abrir la pagina???
gracias

Publicar un comentario

Haga su comentario

Bienvenido al Rincon del Blog
Tus comentarios nos ayudan a mejorar
Muchas Gracias por Comentar.