Memorizza classi CSS

Classi CSS disponibili per le app di Storify.

Utilizza i CSS per personalizzare le app di archiviazione per un’integrazione più completa con la pagina, semplicemente ignorando il CSS predefinito con il tuo foglio di stile. Questa sezione descrive le personalizzazioni CSS disponibili.

Elementi autore

Consente di personalizzare lo stile per l’avatar dell’autore del post, il nome dell’autore e la marca temporale.

Classe Descrizione
s-author-name Autore
s-author-avatar L’avatar dell’autore.
s-img Immagine avatar dell’autore.
.s-timestamp La marca temporale per il contenuto della data è stata pubblicata.

Elementi di intestazione

Consente di personalizzare la sezione di intestazione della pagina del brano.

Classe Descrizione
.super-header Intestazione principale
.outer-header Riga intestazione principale 1
conto alla rovescia di .s Timer conto alla rovescia riga intestazione principale
.s-vivacità Stato riga intestazione principale 1 "Live"
.base-header Riga intestazione principale 2
Elenco a discesa .s trigger a discesa Ordina riga intestazione principale 2.
Menu a discesa .s Riga intestazione principale 2 Menu a discesa Ordina.
.s-triangolo a discesa Riga di intestazione principale 2 Ordina menu a discesa caret.
.s-menu a discesa-option Riga intestazione principale 2 Voce di menu a discesa Ordina.
.s-views Riga intestazione principale 2 numero di visualizzazioni.
Pulsante .s-share Riga intestazione principale 2 Pulsante Condividi.
.s-share-menu Riga intestazione principale 2 Menu Share.

Elementi post

Consente di personalizzare lo stile degli elementi del brano del post.

Classe Descrizione
.s-liveblog Contenitore per l’intero elemento Story
s-post Il contenitore di posta
s-modale-content Contenitore modale post
s-element-content Tutti gli elementi di contenuto all’interno di un post
.s-element-text ul Elemento di testo
.s-element-text h2 Titolo elemento testo
s-element-text p Paragrafo dell’elemento testo
.s-element-text ul Elenco non ordinato degli elementi di testo
.s-element-text ol Elenco ordinato degli elementi di testo
s-element-text li Elementi di testo
.s-element-text blockquote Blockquote
.s-element-text blockquote:before Icona per l’inizio di una blockquote
.s-element-text blockquote:after Icona per la fine di una blockquote
.s-element-image Contenitore di elementi immagine in linea
s-img <img> elemento
.s-image-caption Didascalia per immagini e video trovati sui social media (es: immagine Instagram)
s-upload-image-caption Didascalia per immagini e video caricati tramite l’editor Story
.s-element-video Elemento video
.s-element-quote Elemento del preventivo (ad esempio: Tweet solo con testo)
.s-element-quote-image Preventivo con elemento immagine (es: Tweet w/image)
.s-element-quote-video Preventivo con elemento video (es: Tweet w/video)
s-link-body Anteprima di un collegamento all’interno di un’offerta (ad esempio: Tweet con anteprima collegamento)

Elementi piè di pagina

Consente di personalizzare la sezione piè di pagina per ogni singolo post.

Classe Descrizione
s-post-footer Il piè di pagina del post.
.s-sidenote a Il pulsante Note a margine nel piè di pagina del post.
tipo s Pulsante "Mi piace" nel piè di pagina del post.

In questa pagina