L’outil de partage twitter 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 Partage sur les réseaux sociaux .
L’aspect du bouton Partage Twitter est contrôlé à l’aide du sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7twittershare
Propriétés CSS de l’outil de partage Twitter
width |
Largeur du bouton. |
height |
Hauteur du bouton. |
background-image |
Image affichée pour un état de bouton donné. |
arrière-plan-position |
Position dans l’objet d’illustration, si des sprites CSS sont utilisés. Voir aussi Sprites CSS . |
Ce bouton prend en charge state
sélecteur d’attributs qui peut être utilisé pour appliquer différents habillages à différents états de bouton.
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 de 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 Twitter de 28 x 28 pixels et afficher une image différente pour chacun des quatre états de bouton différents :
.s7ecatalogsearchviewer .s7twittershare {
width:28px;
height:28px;
}
.s7ecatalogsearchviewer .s7twittershare[state='up'] {
background-image:url(images/v2/TwitterShare_dark_up.png);
}
.s7ecatalogsearchviewer .s7twittershare[state='over'] {
background-image:url(images/v2/TwitterShare_dark_over.png);
}
.s7ecatalogsearchviewer .s7twittershare[state='down'] {
background-image:url(images/v2/TwitterShare_dark_down.png);
}
.s7ecatalogsearchviewer .s7twittershare[state='disabled'] {
background-image:url(images/v2/TwitterShare_dark_disabled.png);
}