Partage Twitter twitter-share

L’outil de partage Twitter consiste en un bouton ajouté au panneau de partage Social. 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 Social.

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

.s7interactivevideoviewer .s7twittershare

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

Il est possible de supprimer le bouton du panneau de partage Social en définissant display:none la 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 section-5a8837ea208e48ed8dfa6a3c1a514492

Pour configurer un bouton de partage Twitter de 28 x 28 pixels et afficher une image différente pour chacun des quatre états différents du bouton :

.s7interactivevideoviewer .s7twittershare {
 width:28px;
 height:28px;
}
.s7interactivevideoviewer .s7twittershare[state='up'] {
background-image:url(images/v2/TwitterShare_dark_up.png);
}
.s7interactivevideoviewer .s7twittershare[state='over'] {
background-image:url(images/v2/TwitterShare_dark_over.png);
}
.s7interactivevideoviewer .s7twittershare[state='down'] {
background-image:url(images/v2/TwitterShare_dark_down.png);
}
.s7interactivevideoviewer .s7twittershare[state='disabled'] {
background-image:url(images/v2/TwitterShare_dark_disabled.png);
}