L’outil de partage Facebook est constitué d’un bouton ajouté au panneau de partage Social. Lorsque l’utilisateur clique sur le bouton, il est redirigé vers une boîte de dialogue de partage fournie par un service social. La position du bouton est entièrement gérée par l’outil de partage Social.
L’aspect du bouton de partage Facebook est contrôlé par le sélecteur de classe CSS suivant :
.s7videoviewer .s7facebookshare
Propriétés CSS de l’outil de partage Facebook
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 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.
Il est possible de supprimer le bouton du panneau de partage Social en définissant la propriété display:none
CSS sur sa classe CSS.
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 partage Facebook de 28 x 28 pixels et afficher une image différente pour chacun des quatre états de bouton différents :
.s7videoviewer .s7facebookshare {
width:28px;
height:28px;
}
.s7videoviewer .s7facebookshare[state='up'] {
background-image:url(images/v2/FacebookShare_dark_up.png);
}
.s7videoviewer .s7facebookshare[state='over'] {
background-image:url(images/v2/FacebookShare_dark_over.png);
}
.s7videoviewer .s7facebookshare[state='down'] {
background-image:url(images/v2/FacebookShare_dark_down.png);
}
.s7videoviewer .s7facebookshare[state='disabled'] {
background-image:url(images/v2/FacebookShare_dark_disabled.png);
}