Saltar la navegación

Bocadillos (ToolTip)

Un tooltip (también llamada descripción emergente) es una herramienta de ayuda visual, que funciona al situar el cursor sobre algún elemento gráfico, mostrando una ayuda adicional para informar al usuario de la finalidad del elemento sobre el que se encuentra.

Los tooltip son una variación de los globos de ayuda y es un complemento muy usado en programación y diseño, dado que proporcionan información adicional sin necesidad de que el usuario la solicite de forma activa.

de Wikipedia

Si pasas el cursor por los enlaces, podrás comprobar de lo que estamos hablando. Sí, esos efectos son los "Bocadillos o ToolTips". 

Ten en cuenta que no se debe abusar de los efectos "Bocadillo". No hay que hacerlos muy extensos ni poner imágenes muy anchas. Los ToolTip sólo admiten un ancho por debajo de 300 px. Tenlo en cuenta. 

La interfaz gráfica de usuario, conocida también como GUI (del inglés graphical user interface) es un programa informático que actúa de interfaz de usuario, utilizando un conjunto de imágenes y objetos gráficos para representar la información y acciones disponibles en la interfaz. Su principal uso, consiste en proporcionar un entorno visual sencillo para permitir la comunicación con el sistema operativo de una máquina o computador.

La interfaz gráfica de usuario, conocida también como GUI (del inglés graphical user interface) es un programa informático que actúa de interfaz de usuario, utilizando un conjunto de imágenes y objetos gráficos para representar la información y acciones disponibles en la interfaz. Su principal uso, consiste en proporcionar un entorno visual sencillo para permitir la comunicación con el sistema operativo de una máquina o computador.

Un tooltip (también llamada descripción emergente) es una herramienta de ayuda visual, que funciona al situar el cursor sobre algún elemento gráfico, mostrando una ayuda adicional para informar al usuario de la finalidad del elemento sobre el que se encuentra.

¿Cómo lo hacemos?

Crear un tooltip en un texto de un contenido será muy sencillo. Una vez creado el texto, seleccionamos la palabra en la que añadir información.

Elegimos una de las tres opciones disponibles (Enlace, Definición o Página) y configuramos el comportamiento del bocadillo y su aspecto.

Tooltip tipo texto  Tooltip tipo definición Tooltip tipo página  Comportamiento del Tooltip  Apariencia del Tooltip