Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Ventana de aviso al pasar el cursor por una palabra o una imagen

Tras haber visto las tres formas de poner ventanas de aviso y cómo personalizarlas, te mostraré este nuevo truco.

Se trata de incluir una imagen o un link que, al pasar el cursor por encima, aparecerá una ventana de aviso.

> Para realizar el truco con texto debes usar el siguiente código:

<a href="#" onmouseOver="alert('TEXTO O FRASE DE LA VENTANA')">FRASE O PALABRA</a>

Sustituye:

TEXTO O FRASE DE LA VENTANA: por el texto o la frase que aparecerá en la ventana de aviso.

FRASE O PALABRA: por la palabra o la frase que mostrará la ventana.

Puedes probar el resultado pasando el cursor por la siguiente abreviatura: HTML

> Para realizar el truco con una imagen utilizaremos este otro código:

<a onmouseover="alert('TEXTO O FRASE DE LA VENTANA')" href="#" onclick="return false">
<img width="80" src="URL DE TU IMAGEN" height="40"/>
</a>

Sustituye:

TEXTO O FRASE DE LA VENTANA: por el texto o la frase que aparecerá en la ventana de aviso.

URL DE TU IMAGEN: por la dirección de tu imagen o tu icono.

Puedes probar el resultado pasando el cursor por el siguiente logo:



Nota:

Cuando tengas la imagen lista, debes incluir en el código el ancho (width="80") y el alto (height="40") para que las medidas sean correctas.

RAMON dice...

Una pregunta.¿donde pongo este codigo?

Gracias anticipadas

Jaime Trujillo Escobedo dice...

Ramón, aún debo editar el contenido de esta entrada para facilitar la instalación del truco.

El código se introduce en un gadget html-javascript, en el apartado de Diseño>Elementos de la página.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo