Storify CSS Clases

Clases CSS disponibles para sus aplicaciones Storify.

Utilice CSS para personalizar las aplicaciones de Storify y lograr una integración más completa con su página, simplemente anulando el CSS predeterminado con su propia hoja de estilo. En esta sección se describen las personalizaciones de CSS disponibles.

Elementos de autor

Permite personalizar el estilo del avatar del autor, el nombre del autor y la marca de tiempo de la publicación.

Clase Descripción
.s-author-name Autor
.s-author-avatar El avatar del autor.
.s-img La imagen del avatar del autor.
.s-timestamp Marca de fecha y hora de la publicación del contenido.

Elementos de encabezado

Permite personalizar la sección del encabezado para la página del artículo.

Clase Descripción
.super-header Encabezado principal
.external-header Fila de encabezado principal 1
.s-countdown Temporizador de cuenta atrás de fila de encabezado principal 1
.s-lival Estado "Activo" de la fila principal del encabezado
.base-header Fila de encabezado principal 2
Desplegable .s Déclencheur desplegable Ordenar fila de encabezado principal 2.
.s-menú desplegable Fila de encabezado principal 2 Menú desplegable Ordenar.
.s-dropdown-triangle Fila de encabezado principal 2 Orden del menú desplegable circunflejo.
.s-dropdown-option Fila de encabezado principal 2 Elemento de menú desplegable Ordenar.
.s-views Número de vistas de la fila principal del encabezado 2.
Botón .s-share Botón Compartir fila de encabezado principal 2.
.s-share-menu Fila de encabezado principal 2 Menú Compartir.

Elementos de anuncio

Permite personalizar el estilo para los elementos de artículo de la publicación.

Clase Descripción
.s-liveblog Contenedor de todo el elemento Historia
.s-post El contenedor posterior
.s-modal-content Contenedor modal posterior
.s-element-content Todos los elementos de contenido dentro de una publicación
.s-element-text ul Elemento Texto
.s-element-text h2 Título del elemento de texto
.s-element-text p Párrafo de elemento de texto
.s-element-text ul Lista desordenada de elementos de texto
.s-element-text ol Lista ordenada de elementos de texto
.s-element-text li Elementos de lista de elementos de texto
.s-element-text blockcito Blocked-cito
.s-element-text blockcito:before Icono para el comienzo de una comilla de bloqueo
.s-element-text blockcito:after Icono del final de una comilla de bloqueo
.s-element-image Contenedor de elementos de imagen en línea
.s-img <img> element
.s-image-caption Pie de ilustración para imágenes y vídeos encontrados en medios sociales (p. ej.: Imagen de instagram)
.s-upload-image-caption Pie de ilustración para imágenes y vídeos cargados a través del editor de historias
.s-element-video Elemento de vídeo
.s-element-cito Elemento de cotización (por ejemplo: Tweet con texto solamente)
.s-element-cito-image Cita con elemento de imagen (por ejemplo: Tweet con imagen)
.s-element-cito-video Cita con elemento de vídeo (por ejemplo: Tweet con vídeo)
.s-link-body Vista previa del vínculo dentro de una cita (por ejemplo: Tweet con vista previa del vínculo)

Elementos de pie de página

Permite personalizar la sección de pie de página para cada anuncio individual.

Clase Descripción
.s-post-footer Pie de página de la publicación.
.s-sidenotes a Botón Notas en el pie de página del anuncio.
.s-like Botón "Me gusta" en el pie de página de la publicación.

En esta página