Info-bulles

Sur les systèmes de bureau, certains éléments de l’interface utilisateur, tels que les boutons, comportent des info-bulles qui s’affichent lorsque vous pointez la souris.

Propriétés CSS de la zone de visualisation principale

L’aspect des info-bulles est contrôlé à l’aide du sélecteur de classe CSS suivant :

.s7tooltip

Propriété CSS

Description

border-radius

Rayon de la bordure d’arrière-plan.

border-color

Couleur de bordure d’arrière-plan.

arrière-plan-couleur

Couleur de fond.

color

Couleur du texte.

font-family

Nom de la police de texte.

font-size

Taille de police du texte.

REMARQUE

Si les styles d’info-bulle sont personnalisés à partir de la page Web d’incorporation, toutes les propriétés doivent contenir la règle !IMPORTANT. Cela n’est pas nécessaire si les info-bulles sont personnalisées dans le fichier CSS du lecteur de contenu.

Exemple - Pour configurer des info-bulles avec une bordure grise avec un rayon d'angle de trois pixels, un arrière-plan noir et un texte blanc en Arial, 11 pixels :

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

Sur cette page