Téléchargement

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

.s7ecatalogviewer .s7download

Propriétés CSS du bouton Télécharger

margin-top

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

margin-left

Distance au bouton suivant sur la gauche ou sur le côté gauche de la barre de contrôle, s’il s’agit du premier bouton d’une ligne.

width

Largeur du bouton.

height

Hauteur du bouton.

background-image

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

arrière-plan-position

Position dans l’objet d’illustration, si des sprites CSS sont utilisés.

Voir aussi Sprites CSS .

REMARQUE

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

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

Exemple : pour configurer un bouton Télécharger de 28 x 28 pixels et afficher une image différente pour chacun des quatre états de bouton différents :

.s7ecatalogviewer .s7download {
 margin-top: 4px;
margin-left: 10px;
 width:28px;
 height:28px;
}
.s7ecatalogviewer .s7download[state='up'] {
background-image:url(images/v2/Dowmload_dark_up.png);
}
.s7ecatalogviewer .s7download[state='over'] {
background-image:url(images/v2/Dowmload_dark_over.png);
}
.s7ecatalogviewer .s7download[state='down'] {
background-image:url(images/v2/Dowmload_dark_down.png);
}
.s7ecatalogviewer .s7download[state='disabled'] {
background-image:url(images/v2/Dowmload_dark_disabled.png);
}

Sur cette page