Partager sur Facebook facebook-share

L’outil de partage Facebook se compose d’un bouton ajouté au panneau Partage sur les réseaux sociaux . Lorsque le bouton est sélectionné, l’utilisateur 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 sur les réseaux sociaux.

L’aspect du bouton de partage Facebook est contrôlé par le sélecteur de classe CSS suivant :

.s7video360viewer .s7facebookshare

Propriétés CSS de l’outil de partage Facebook

Il est possible de supprimer le bouton du panneau Partage sur les réseaux sociaux en définissant display:none propriété CSS sur sa classe CSS.

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

Exemple - Pour configurer un bouton de partage Facebook de 28 x 28 pixels qui affiche une image différente pour chacun des quatre états de bouton différents :

.s7video360viewer .s7facebookshare {
 width:28px;
 height:28px;
}
.s7video360viewer .s7facebookshare[state='up'] {
background-image:url(images/v2/FacebookShare_dark_up.png);
}
.s7video360viewer .s7facebookshare[state='over'] {
background-image:url(images/v2/FacebookShare_dark_over.png);
}
.s7video360viewer .s7facebookshare[state='down'] {
background-image:url(images/v2/FacebookShare_dark_down.png);
}
.s7video360viewer .s7facebookshare[state='disabled'] {
background-image:url(images/v2/FacebookShare_dark_disabled.png);
}