Social andel social-share

Verktyget för delning via sociala medier visas som standard i det övre högra hörnet. Den består av en knapp och en panel som utökas när användaren klickar eller trycker på en knapp och innehåller enskilda delningsverktyg.

Placeringen och storleken på verktyget för delning via sociala medier i visningsprogrammets användargränssnitt styrs med följande:

.s7interactivevideoviewer .s7socialshare

CSS-egenskaper för verktyget för social delning

Exempel example

För att ställa in ett verktyg för delning via sociala medier som är placerat fyra pixlar från överkanten och fem pixlar från höger om visningsprogrammets behållare och som är 28 x 28 pixlar stort.

.s7interactivevideoviewer .s7socialshare {
 top:4px;
 right:5px;
 width:28px;
 height:28px;
}

Utseendet på verktygsknappen för delning via sociala medier styrs av följande CSS-klassväljare:

.s7interactivevideoviewer .s7socialshare .s7socialbutton

CSS-egenskaper för knappen för verktyget för social delning

Knappens funktionsbeskrivning kan lokaliseras. Se Lokalisering av element i användargränssnittet.

Exempel example-1

Om du vill ställa in en knapp för verktyget för delning via sociala medier som visar olika bilder för de fyra olika knapplägena.

.s7interactivevideoviewer .s7socialshare .s7socialbutton[state='up'] {
background-image:url(images/v2/SocialShare_video_dark_up.png);
}
.s7interactivevideoviewer .s7socialshare .s7socialbutton[state='over'] {
background-image:url(images/v2/SocialShare_dark_over.png);
}
.s7interactivevideoviewer .s7socialshare .s7socialbutton[state='down'] {
background-image:url(images/v2/SocialShare_dark_down.png);
}
.s7interactivevideoviewer .s7socialshare .s7socialbutton[state='disabled'] {
background-image:url(images/v2/SocialShare_dark_disabled.png);
}

Utseendet på panelen som innehåller de enskilda ikonerna för social delning styrs med följande CSS-klassväljare:

.s7interactivevideoviewer .s7socialshare .s7socialsharepanel

CSS-egenskaper för panelen för social delning

Exempel example-2

Så här anger du att en panel ska ha genomskinlig färg:

.s7interactivevideoviewer .s7socialshare .s7socialsharepanel {
 background-color: transparent;
}