Mensaje Emergente en un Texto.
La verdad es que esto ni es un truco ni es nada, pero creo que este es el lugar donde lo buscariais, no?
Muchos y muchas de vosotros me habéis preguntado varias veces cómo hacer para que al poner el puntero del ratón sobre un texto, aparezca un mensaje emergente, es decir, una ventanita con un mensaje escrito por vosotros.
Parecido a lo que a veces nos encontramos al apoyar el ratón sobre una imagen.
Pues la cosa es muy muy sencilla, os explico.
En primer lugar tenéis que acceder al código HTML de la página donde deseais hacer eso.
Depués, una vez visible el código, hay que encerrad las palabras que hemos escogido, (en las que al apoyar el ratón queremos que surja en comentario) entre estos símbolos:
<SPAN title="xxx"> y </SPAN>
Es decir, si por ejemplo deseamos que el comentario aparezca en la palabra "comentario", del siguiente código:
<p>Si dejas el ratón sobre una de estas palabras aparecerá un comentario, ya lo veras</p>
tendremos que encerrarla entre los comandos citados antes, de modo que quedaria esto otro:
<p>Si dejas el ratón sobre una de estas palabras aparecerá un <SPAN title="xxx">comentario</SPAN>, ya lo veras</p>
En lugar de xxx, escribid el comentario que deseais que aparezca.
El único problema es que quizás el usuario no sepa que al poner el ratón sobre esas palabras, va a salir una ventanita con un comentario, de modo que es fácil que no llegue a verse nunca.
Por eso, hemos de resaltar esa palabra un poquillo, de modo que el visitante sospeche que hay algo escondido tras ella. Me comprendeis?
Por ejemplo, tres de las palabras de este mismo párrafo tienen comentarios. Seguramente no sean leidos en la vida, pues como las palabras que los contienen son iguales al resto, pasan desapercibidas totalmente.
Para arreglarlo vamos a poner las palabras que tengan un comentario, de un tono de color que las haga diferentes.
En principio, bastará con darle un tono ligeramente diferente, no es necesario que destaque demasiado.
En este otro párrafo hay dos palabras con comentarios. Seguro que ahora es más fácil encontrarlos, no?
Por último, deciros que el comando "ALT" que llevan algunas imagenes no está diseñado para esto, aunque a veces funciona igual. Lo correcto es hacerlo con el comando "TITLE".
NOTA: No se pueden incluir las comillas ", dentro de esos comentarios, pues cuando se encuentre la primera, se entenderá que el comentario ya ha terminado. Quizás haya otros símbolos no aceptados, pero por ahora solo se de este.
|
Introducción