La herramienta Compartir de twitter consiste en un botón añadido al panel Compartir en Social . Cuando se selecciona el botón, el usuario se redirige a un cuadro de diálogo de uso compartido proporcionado por un servicio social. La posición del botón la gestiona completamente la herramienta de uso compartido de Social .
El aspecto del botón Compartir de Twitter se controla con el siguiente selector de clase CSS:
.s7videoviewer .s7twittershare
Propiedades CSS de la herramienta de uso compartido de Twitter
width |
Ancho del botón. |
height |
Altura del botón. |
imagen de fondo |
Imagen que se muestra para un estado de botón determinado. |
posición de fondo |
Sitúe dentro de la ilustración sprite, si se utilizan sprites CSS. Consulte Sprites CSS . |
Este botón admite la variable state
selector de atributos, que se puede utilizar para aplicar diferentes aspectos a distintos estados de botones.
Es posible quitar el botón del panel Compartir en Social configurando display:none
Propiedad CSS en su clase CSS.
La información del botón se puede localizar. Consulte Localización de los elementos de la interfaz de usuario para obtener más información.
Ejemplo: para configurar un botón de uso compartido de Twitter de 28 x 28 píxeles y muestra una imagen diferente para cada uno de los cuatro estados de botón diferentes:
.s7videoviewer .s7twittershare {
width:28px;
height:28px;
}
.s7videoviewer .s7twittershare[state='up'] {
background-image:url(images/v2/TwitterShare_dark_up.png);
}
.s7videoviewer .s7twittershare[state='over'] {
background-image:url(images/v2/TwitterShare_dark_over.png);
}
.s7videoviewer .s7twittershare[state='down'] {
background-image:url(images/v2/TwitterShare_dark_down.png);
}
.s7videoviewer .s7twittershare[state='disabled'] {
background-image:url(images/v2/TwitterShare_dark_disabled.png);
}