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:
.s7interactivevideoviewer .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 el selector de atributos state
, que puede utilizarse para aplicar diferentes aspectos a distintos estados de botones.
Es posible quitar el botón del panel Compartir en Social estableciendo la propiedad display:none
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 configurar un botón de uso compartido de Twitter de 28 x 28 píxeles y mostrar una imagen diferente para cada uno de los cuatro estados de botón diferentes:
.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);
}