Menu Favoris

La liste déroulante du menu Favoris s’affiche dans la barre de contrôle. Il s’agit d’un bouton et d’un panneau qui se développent lorsqu’un utilisateur clique ou appuie sur un bouton. Le panneau contient des outils Favoris individuels.

La position et la taille du menu Favoris dans l’interface utilisateur du lecteur de contenu sont contrôlées à l’aide du sélecteur de classe CSS suivant :

.s7ecatalogviewer .s7favoritesmenu

Propriétés CSS du bouton du menu Favoris

margin-top

Décalage par rapport au haut de la barre de contrôle.

marge-gauche

Distance du bouton suivant à gauche ou du côté gauche de la barre de contrôle s’il s’agit du premier bouton d’une rangée.

width

Largeur du bouton.

height

Hauteur du bouton.

Exemple : configurez un menu Favoris qui est positionné à quatre pixels du haut de la barre de contrôle et à dix pixels du bouton le plus proche à gauche et dont la taille est de 28 x 28 pixels.

.s7ecatalogviewer .s7favoritesmenu { 
margin-top: 4px; 
margin-left: 10px; 
 width:28px; 
 height:28px; 
}

L’aspect du bouton du menu Favoris est contrôlé à l’aide du sélecteur de classe CSS suivant :

.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton

Propriétés CSS du bouton Favoris

image d’arrière-plan

Image affichée pour un état de bouton donné.

arrière-plan-position

Positionnez l’objet à l’intérieur de l’objet d’illustration, si des sprites CSS sont utilisés.

Voir aussi CSS Sprites .

REMARQUE

Ce bouton prend en charge le sélecteur d’attributs state, qui peut être utilisé pour appliquer différents habillages à différents états de bouton.

L’info-bulle du bouton peut être localisée. Voir Localisation des éléments de l’interface utilisateur pour plus d’informations.

Exemple : configurez un bouton de menu Favoris qui affiche une image différente pour chacun des quatre états de bouton différents.

.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton[state='up'] { 
background-image:url(images/v2/FavoritesMenu dark_up.png); 
} 
.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton[state='over'] { 
background-image:url(images/v2/FavoritesMenu_dark_over.png); 
} 
.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton[state='down'] { 
background-image:url(images/v2/FavoritesMenu_dark_down.png); 
} 
.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton[state='disabled'] { 
background-image:url(images/v2/FavoritesMenu_dark_disabled.png); 
}

L’aspect du panneau qui contient des icônes Favoris individuelles est contrôlé par le sélecteur de classe CSS suivant :

.s7ecatalogviewer .s7favoritesmenu .s7favoritesmenupanel

Propriétés CSS du panneau de menu Favoris

arrière-plan-couleur

Couleur d’arrière-plan du panneau.

Exemple : configurez un panneau pour obtenir une couleur transparente.

.s7ecatalogviewer .s7favoritesmenu .s7favoritesmenupanel { 
 background-color: transparent; 
}

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