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 incorporée, 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 d’un rayon d’angle de 3 pixels, un arrière-plan noir et un texte blanc en Arial 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 Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
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