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.

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>

Manuel de la Fuente dice...

Hola, Jaime:

El <abbr> no es un tag sin significado sino que indica una abreviación. Para lograr el mismo efecto sin confusiones puedes utilizar el <span>, que sí carece de propiedades y sirve únicamente para aplicar personalizaciones como éstas. Saludos.

Jaime Trujillo Escobedo dice...

Manuel de la Fuente, es cierto, también se puede usar la difinición <span>, lo haríamos así:

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

Además podríamos agregarle tamaños y colores ^_^

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