Gesellschaftsanteil social-share
Das Tool für die Freigabe in Social Media wird standardmäßig in der oberen rechten Ecke angezeigt. Sie besteht aus einer Schaltfläche und einem Bedienfeld, das sich erweitert, wenn Benutzende auf eine Schaltfläche klicken oder tippen, und individuelle Freigabetools enthält.
Position und Größe des Tools für die Freigabe in der Viewer-Benutzeroberfläche werden wie folgt gesteuert:
.s7video360viewer .s7socialshare
CSS-Eigenschaften des Social-Share-Tools
Beispiel - Zum Einrichten eines Tools zur gemeinsamen Nutzung in sozialen Netzwerken, das vier Pixel vom oberen und fünf Pixel vom rechten Rand des Viewer-Containers entfernt platziert und eine Größe von 28 x 28 Pixel hat.
.s7interactivevideoviewer .s7socialshare {
top:4px;
right:5px;
width:28px;
height:28px;
}
Das Erscheinungsbild der Schaltfläche Social Share Tool wird mit dem folgenden CSS-Klassenselektor gesteuert:
.s7video360viewer .s7socialshare .s7socialbutton
CSS-Eigenschaften der Schaltfläche des Tools für die Freigabe in Social Media
state-Attributauswahl, mit der verschiedene Skins auf verschiedene Schaltflächenzustände angewendet werden können.Die QuickInfo der Schaltfläche kann lokalisiert werden. Siehe Lokalisierung von Benutzeroberflächenelementen.
Beispiel - So richten Sie eine Schaltfläche für ein Tool zur gemeinsamen Nutzung in sozialen Netzwerken ein, die für jeden der vier verschiedenen Schaltflächenstatus ein anderes Bild anzeigt.
.s7video360viewer .s7socialshare .s7socialbutton[state='up'] {
background-image:url(images/v2/SocialShare_video_dark_up.png);
}
.s7video360viewer .s7socialshare .s7socialbutton[state='over'] {
background-image:url(images/v2/SocialShare_dark_over.png);
}
.s7video360viewer .s7socialshare .s7socialbutton[state='down'] {
background-image:url(images/v2/SocialShare_dark_down.png);
}
.s7video360viewer .s7socialshare .s7socialbutton[state='disabled'] {
background-image:url(images/v2/SocialShare_dark_disabled.png);
}
Das Erscheinungsbild des Bedienfelds, das die einzelnen Social-Sharing-Symbole enthält, wird mit dem folgenden CSS-Klassenselektor gesteuert:
.s7video360viewer .s7socialshare .s7socialsharepanel
CSS-Eigenschaften des Social-Share-Bedienfelds
Beispiel - Zum Einrichten eines Bedienfelds mit transparenter Farbe:
.s7video360viewer .s7socialshare .s7socialsharepanel {
background-color: transparent;
}