Tooltips | Adobe Experience Manager

En sistemas de escritorio, algunos elementos de la interfaz de usuario, como los botones, incluyen información sobre herramientas que se muestra al pasar el ratón por encima.

Propiedades CSS del área del visor principal

El aspecto de la información del objeto se controla con el siguiente selector de clase CSS:

.s7tooltip

Propiedad CSS	Descripción
border-radius	Radio de borde de fondo.
border-color	Color de borde de fondo.
background-color	Color de fondo.
color	Color del texto.
font-family	Nombre de fuente del texto.
font-size	Tamaño de fuente del texto.

NOTA

Si los estilos de la información sobre herramientas se personalizan desde la página web en la que se incorpora, todas las propiedades deben contener el !IMPORTANT regla. Esta nota no es necesaria si la información del objeto se personaliza en el archivo CSS del visor.

Ejemplo

Para configurar información de objeto que tenga un borde gris con un radio de esquina de tres píxeles, fondo negro y texto blanco en Arial®, 11 píxeles:

.s7tooltip {
 border-radius: 3px 3px 3px 3px;
 border-color: #999999;
 background-color: #000000;
 color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}