Twitter delen twitter-share

Het gereedschap Twitter delen bestaat uit een knop die is toegevoegd aan het deelvenster Sociaal delen. Wanneer de knop is geselecteerd, wordt de gebruiker omgeleid naar een dialoogvenster voor delen dat wordt geleverd door een sociale service. De positie van de knop wordt volledig beheerd met het gereedschap Sociaal delen.

De weergave van de knop Delen via Twitter wordt bepaald door de volgende CSS-klassenkiezer:

.s7interactivevideoviewer .s7twittershare

CSS eigenschappen van Twitter delen hulpmiddel

width
Knopbreedte.
height
Hoogte van knop.
background-image
De afbeelding die voor een bepaalde knopstatus wordt weergegeven.
background-position

Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.

Zie CSS-sprites.

NOTE
Deze knop ondersteunt de kenmerkenkiezer van state , die kan worden gebruikt om verschillende skins toe te passen op verschillende knoptoestanden.

U kunt de knop uit het deelvenster Sociaal delen verwijderen door de CSS-eigenschap display:none in te stellen op de CSS-klasse.

De knopinfo kan worden gelokaliseerd. Zie ​ Localisatie van gebruikersinterfaceelementen ​.

Voorbeeld section-5a8837ea208e48ed8dfa6a3c1a514492

Als u een Share-knop voor Twitter wilt instellen van 28 x 28 pixels, ziet u een andere afbeelding voor elk van de vier verschillende knopstatussen:

.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