Condivisione twitter

Lo strumento di condivisione twitter è costituito da un pulsante aggiunto al pannello Condivisione social. Quando il pulsante è selezionato, l'utente viene reindirizzato a una finestra di dialogo di condivisione fornita da un servizio social. La posizione del pulsante è completamente gestita dallo strumento di condivisione social network.

L'aspetto del pulsante di condivisione Twitter è controllato con il seguente selettore di classe CSS:

.s7smartcropvideoviewer .s7twittershare

Proprietà CSS dello strumento di condivisione Twitter

width

Larghezza pulsante.

height

Altezza del pulsante.

immagine di sfondo

Immagine visualizzata per un determinato stato del pulsante.

posizione di sfondo

Posizione all’interno dello sprite di un’immagine, se vengono utilizzati gli spriti CSS.

Vedi Sprite CSS .

NOTA

Questo pulsante supporta state selettore di attributi, che può essere utilizzato per applicare interfacce diverse a diversi stati del pulsante.

È possibile rimuovere il pulsante dal pannello Condivisione social impostando display:none Proprietà CSS nella relativa classe CSS.

La descrizione comando del pulsante può essere localizzata. Vedi Localizzazione degli elementi dell’interfaccia utente per ulteriori informazioni.

Esempio: per impostare un pulsante di condivisione Twitter di 28 x 28 pixel e visualizzare un’immagine diversa per ciascuno dei quattro stati dei pulsanti:

.s7smartcropvideoviewer .s7twittershare {
 width:28px;
 height:28px;
}
.s7smartcropvideoviewer .s7twittershare[state='up'] {
background-image:url(images/v2/TwitterShare_dark_up.png);
}
.s7smartcropvideoviewer .s7twittershare[state='over'] {
background-image:url(images/v2/TwitterShare_dark_over.png);
}
.s7smartcropvideoviewer .s7twittershare[state='down'] {
background-image:url(images/v2/TwitterShare_dark_down.png);
}
.s7smartcropvideoviewer .s7twittershare[state='disabled'] {
background-image:url(images/v2/TwitterShare_dark_disabled.png);
}

In questa pagina