Storify CSS Classes

Classes CSS disponibles pour vos applications Storify.

Utilisez CSS pour personnaliser vos applications Storify pour une intégration plus complète à votre page, en remplaçant simplement la page CSS par défaut par votre propre feuille de style. Cette section décrit les personnalisations CSS disponibles.

Eléments d’auteur

Permet de personnaliser la mise en forme de l’avatar de l’auteur de la publication, du nom de l’auteur et de l’horodatage.

Classe Description
.s-nom-auteur Auteur
.s-author-avatar L’avatar de l’auteur.
.s-img L’avatar de l’auteur.
.s-timestamp Horodatage pour la date de publication du contenu.

Éléments d’en-tête

Permet de personnaliser la section d’en-tête de la page d’article.

Classe Description
.super-header En-tête principal
.outer-header Ligne d’en-tête principal 1
.s-countdown Délai de compte à rebours de la rangée d’en-tête principale 1
.s-livity Etat "En direct" de la rangée d’en-tête principale 1
.base-header Ligne d’en-tête principal 2
.s-dropdown Ligne d’en-tête principal 2 Déclenchement du tri.
.s-menu-déroulant Rangée d’en-tête principal 2 Menu déroulant Trier.
.s-dropdown-triangle Rangée d’en-tête principal 2 Tri du menu déroulant du menu.
.s-dropdown-option Ligne d'en-tête principal 2 Option de menu déroulant Trier.
.s-vues Nombre de vues de la rangée d’en-tête principale 2.
Bouton .s-share-button Rangée d’en-tête principal 2 : bouton Partager.
.s-share-menu Ligne d'en-tête principal 2 Menu Partager.

Éléments de publication

Permet de personnaliser la mise en forme des éléments d’article de la publication.

Classe Description
.s-liveblog Conteneur pour l’ensemble de l’élément Article
.s-post Le conteneur post
.s-modal-content Conteneur post-modal
.s-element-content Tous les éléments de contenu à l’intérieur d’une publication
.s-element-text ul Elément Texte
.s-element-text h2 Titre de l’élément de texte
.s-element-text p Paragraphe d’élément de texte
.s-element-text ul Liste non ordonnée de l’élément de texte
.s-element-text ol Liste ordonnée de l’élément de texte
.s-element-text li Éléments de liste d’élément de texte
.s-element-text blockquote Blockquote
.s-element-text blockquote:before Icône pour le début d'une citation à blocs
.s-element-text blockquote:après Icône de fin d'une citation à blocs
.s-element-image Conteneur d’élément d’image en ligne
.s-img <img> element
.s-image-caption Légende des images et vidéos trouvées sur les médias sociaux (ex : Image Instagram)
.s-upload-image-caption Légende des images et des vidéos téléchargées via l’éditeur de texte
.s-element-video Elément vidéo
.s-element-quote Elément de devis (ex : Tweet avec texte uniquement)
.s-element-quote-image Citation avec élément image (ex : Tweet avec image)
.s-element-quote-part-vidéo Citation avec élément vidéo (ex : Tweet avec vidéo)
.s-link-body Lier la prévisualisation à l'intérieur d'un guillemet (ex : Tweet avec prévisualisation de liens)

Éléments de pied de page

Permet de personnaliser la section de pied de page pour chaque publication.

Classe Description
.s-post-pied de page Pied de page de la publication.
.s-sidenotes a Bouton Sidenotes dans le pied de page de la publication.
.s-like Bouton "J’aime" dans le pied de page de la publication.

Sur cette page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now