Twitter-delning twitter-share

Twitter-delningsverktyget består av en knapp som har lagts till på panelen Dela via sociala medier. När knappen är markerad dirigeras användaren om till en delningsdialogruta som tillhandahålls av en social tjänst. Knappens position hanteras helt av verktyget för social delning.

Utseendet på Twitter-delningsknappen styrs av följande CSS-klassväljare:

.s7interactivevideoviewer .s7twittershare

CSS-egenskaper för Twitter-delningsverktyget

width
Knappbredd.
height
Knapphöjd.
background-image
Bilden som visas för ett visst knappläge.
background-position

Placera inuti en teckningssprite, om CSS-sprites används.

Se CSS-fragment.

NOTE
Den här knappen stöder attributväljaren state som kan användas för att tillämpa olika skal på olika knapplägen.

Det går att ta bort knappen från panelen Dela via CSS-egenskapen display:none i CSS-klassen.

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

Exempel section-5a8837ea208e48ed8dfa6a3c1a514492

Så här ställer du in en Twitter-delningsknapp som är 28 x 28 pixlar och visar olika bilder för de fyra olika knapplägena:

.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);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8