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 pasamos el cursor por las palabras con enlaces, podremos comprobar de lo que estamos hablando". Sí, esos efectos son los "Bocadillos o ToolTips".
- No se debe abusar de los efectos "Bocadillo".
- No hay que hacerlos muy extensos ni poner imágenes muy anchas.
- Los ToolTip solo admiten un ancho por debajo de 300 px.
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 hago?
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
- Le damos clic al botón
- Elegimos una de las tres opciones disponibles (Texto, Definición o Página) y configuramos el comportamiento del bocadillo y su aspecto.
df
Bocadillo tipo texto
Bocadillo tipo definición
Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0