Facebook-Freigabe facebook-share

Das facebook-Freigabetool besteht aus einer Schaltfläche, die dem Social-Media-Freigabebereich hinzugefügt wurde. Wenn die Schaltfläche ausgewählt ist, wird der Benutzer zu einem Freigabedialogfeld weitergeleitet, das von einem Social-Media-Service bereitgestellt wird. Die Position der Schaltfläche wird vollständig vom Tool Social Share verwaltet.

Das Erscheinungsbild der Facebook-Freigabeschaltfläche wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7ecatalogsearchviewer .s7facebookshare

CSS-Eigenschaften des Facebook-Freigabe-Tools

Breite
Breite der Schaltfläche.
Höhe
Höhe der Schaltfläche.
Hintergrundbild-
Das Bild, das für einen bestimmten Schaltflächenstatus angezeigt wird.
Hintergrundposition

Positionieren Sie sie innerhalb des Bildsets, wenn CSS-Sprites verwendet werden.

Siehe auch CSS Sprites-.

NOTE
Diese Schaltfläche unterstützt die state-Attributauswahl, mit der verschiedene Skins auf verschiedene Schaltflächenzustände angewendet werden können.

Sie können die Schaltfläche aus dem Bedienfeld Social-Freigabe entfernen, indem Sie display:none CSS-Eigenschaft für die CSS-Klasse festlegen.

Die QuickInfo der Schaltfläche kann lokalisiert werden. Siehe Lokalisierung von Benutzeroberflächenelementen für weitere Informationen.

Beispiel: So richten Sie eine Facebook-Freigabeschaltfläche ein, die 28 x 28 Pixel groß ist und für jeden der vier verschiedenen Schaltflächenstatus ein anderes Bild anzeigt:

.s7ecatalogsearchviewer .s7facebookshare {
 width:28px;
 height:28px;
}
.s7ecatalogsearchviewer .s7facebookshare[state='up'] {
background-image:url(images/v2/FacebookShare_dark_up.png);
}
.s7ecatalogsearchviewer .s7facebookshare[state='over'] {
background-image:url(images/v2/FacebookShare_dark_over.png);
}
.s7ecatalogsearchviewer .s7facebookshare[state='down'] {
background-image:url(images/v2/FacebookShare_dark_down.png);
}
.s7ecatalogsearchviewer .s7facebookshare[state='disabled'] {
background-image:url(images/v2/FacebookShare_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8