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 :

.s7ecatalogviewer .s7twittershare

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

Largeur
Largeur du bouton.
hauteur
Hauteur du bouton.
image d’arrière-plan
Image affichée pour un état donné du bouton.
position de l’arrière-plan

Position à l’intérieur du sprite de l’illustration, si des sprites CSS sont utilisés.

Voir aussi SpritesCSS.

NOTE
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 display:none la propriété CSS sur sa classe CSS.

L’info-bulle du bouton peut être localisée. Pour plus d’informations, voir Localisation des éléments de l’interface utilisateur.

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

.s7ecatalogviewer .s7twittershare {
 width:28px;
 height:28px;
}
.s7ecatalogviewer .s7twittershare[state='up'] {
background-image:url(images/v2/TwitterShare_dark_up.png);
}
.s7ecatalogviewer .s7twittershare[state='over'] {
background-image:url(images/v2/TwitterShare_dark_over.png);
}
.s7ecatalogviewer .s7twittershare[state='down'] {
background-image:url(images/v2/TwitterShare_dark_down.png);
}
.s7ecatalogviewer .s7twittershare[state='disabled'] {
background-image:url(images/v2/TwitterShare_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8