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 3px, un arrière-plan noir et un texte blanc écrits avec Arial, taille de 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

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now