Twitter Share twitter-share
Das Tool zum Freigeben von twitter besteht aus einer Schaltfläche, die zum Social-Sharing-Bedienfeld hinzugefügt wird. Wenn die Schaltfläche ausgewählt ist, wird der Benutzer zu einem Freigabedialogfeld umgeleitet, das von einem Social-Dienst bereitgestellt wird. Die Position der Schaltfläche wird vollständig vom Social-Freigabe-Tool verwaltet.
Das Erscheinungsbild der Twitter-Freigabe-Schaltfläche wird mit der folgenden CSS-Klassenauswahl gesteuert:
.s7interactivevideoviewer .s7twittershare
CSS-Eigenschaften des Twitter Share-Tools
state
"-Attributauswahl, mit der verschiedene Skins auf unterschiedliche Schaltflächenzustände angewendet werden können.Sie können die Schaltfläche aus dem Social-Freigabebereich entfernen, indem Sie die CSS-Eigenschaft display:none
in der CSS-Klasse festlegen.
Die QuickInfo der Schaltfläche kann lokalisiert werden. Siehe Lokalisierung von Elementen der Benutzeroberfläche.
Beispiel section-5a8837ea208e48ed8dfa6a3c1a514492
So richten Sie eine Twitter-Freigabe-Schaltfläche ein, die 28 x 28 Pixel groß ist und für jeden der vier Schaltflächenstatus ein anderes Bild anzeigt:
.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);
}