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. |
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. |
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 . |
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 : pour configurer un bouton de téléchargement 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);
}