Cómo agregar tooltips en texto, sin enlace

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Tooltip en texto (sin enlace)

Los tooltips son ventanitas que explican el contenido al que conduce un enlace. En esta ocasión no usaremos un enlace para aplicar un tooltip, sino una palabra.

Pasa el cursor por esta frase...

¿Te gusta este truco?

Para ponerlo en tu blog usa estas líneas:

<abbr title="TEXTO DEL TOOLTIP">PALABRA O FRASE</abbr>

TEXTO DEL TOOLTIP: Escribe el texto que tendrá el cartelito.

PALABRA O FRASE: Cualquier palabra o frase que desees explicar.

Y claro, siempre se puede jugar con diseños. En este caso podemos destacar una palabra para indicar que estamos explicando su significado con colores o añadiendo un cursor.

Para añadir el cursor de 'pregunta' usa esta línea:

<abbr style="cursor: help;" title="TEXTO DEL TOOLTIP">PALABRA O FRASE</abbr>