Bloc de contenu tombant

Mis à jour il y a 2 mois

Le bloc Contenu tombant affiche une animation physique d’éléments qui tombent et peuvent être déplacés. Son contenu provient des éléments Bloc imbriqués que vous lui ajoutez.

Paramètres

Paramètre	Description	Par défaut
Activer le schéma de couleurs	Applique le schéma de couleurs choisi au bloc. Le paramètre Schéma de couleurs apparaît uniquement lorsque cette option est activée.	Désactivé
Schéma de couleurs	Schéma appliqué au bloc lorsque Activer le schéma de couleurs est activé.	Schéma 1
Gravité	Force de la chute, de 0,1 à 2 par incréments de 0,1.	1
Mode de hauteur	Personnalisé utilise les valeurs de hauteur ci-dessous ; Hériter remplit la hauteur de la section environnante.	Personnalisé
Hauteur (ordinateur)	Hauteur sur ordinateur, de 200 à 1000 px. Affiché uniquement lorsque le Mode de hauteur est Personnalisé.	400
Hauteur (mobile)	Hauteur sur mobile, de 200 à 800 px. Affiché uniquement lorsque le Mode de hauteur est Personnalisé.	300
Copies de l’élément	Répète chaque élément imbriqué le nombre de fois sélectionné, de 1 à 10.	1
Largeur de l’élément (ordinateur)	Largeur de l’élément sur ordinateur, de 50 à 600 px. La hauteur de l’élément est mise à l’échelle proportionnellement à sa largeur.	300
Largeur personnalisée de l’élément sur mobile	Lorsqu’elle est activée, une largeur d’élément mobile distincte est utilisée ; lorsqu’elle est désactivée, les éléments font la moitié de la largeur définie pour ordinateur sur mobile.	Désactivé
Largeur de l’élément (mobile)	Largeur de l’élément sur mobile, de 50 à 600 px. Affiché uniquement lorsque Largeur personnalisée de l’élément sur mobile est activée.	150
Classe personnalisée	Une ou plusieurs classes CSS, séparées par des espaces, ajoutées à l’encapsuleur du bloc.	—
Marge supérieure (ordinateur)	Espace au-dessus du bloc sur ordinateur, de 0 à 34.	0
Marge supérieure (mobile)	Espace au-dessus du bloc sur mobile, de 0 à 34.	0
Masquer le bloc sur ordinateur / sur mobile	Masque le bloc dans la fenêtre d’affichage sélectionnée.	Désactivé

Éléments de bloc

Ajoutez des éléments Bloc imbriqués pour créer le contenu tombant. Chaque élément correspond à une forme de l’animation.

Paramètre	Description	Par défaut
Texte	Libellé affiché à l’intérieur de la forme lorsqu’aucune image n’est définie.	Libellé de l’élément
Couleur	Couleur de remplissage de la forme.	Noir
Image	Image utilisée comme sprite de l’élément ; elle remplace le texte. Une hauteur de 60 px est recommandée, avec une largeur mise à l’échelle pour respecter les proportions de l’image.	—

FAQ

Comment ajouter des éléments au bloc de contenu tombant dans le thème Pops ?

Ajoutez des éléments Bloc imbriqués au bloc. Chaque élément ajouté devient une forme de l’animation tombante.

Comment fonctionne le paramètre Gravité dans le bloc de contenu tombant ?

Il définit la force de la chute. La plage va de 0,1 à 2 par incréments de 0,1, avec une valeur par défaut de 1.

Comment définir des hauteurs distinctes pour ordinateur et mobile dans le bloc de contenu tombant ?

Définissez le Mode de hauteur sur Personnalisé, puis utilisez Hauteur (ordinateur) et Hauteur (mobile). La plage est de 200 à 1000 px sur ordinateur (400 par défaut) et de 200 à 800 px sur mobile (300 par défaut). Avec Hériter, le bloc remplit la hauteur de la section environnante.

Comment utiliser une image au lieu d’un texte pour un élément tombant ?

Définissez le paramètre Image de l’élément. L’image devient le sprite de l’élément et remplace son libellé textuel. Une hauteur de 60 px est recommandée, avec une largeur mise à l’échelle pour respecter les proportions de l’image.

Comment répéter chaque élément dans le bloc de contenu tombant ?

Utilisez le paramètre Copies de l’élément pour répéter chaque élément imbriqué de 1 à 10 fois. La valeur par défaut est 1.

Comment fonctionnent les largeurs des éléments sur ordinateur et mobile dans le bloc de contenu tombant ?

Définissez la Largeur de l’élément (ordinateur) entre 50 et 600 px (300 par défaut) ; la hauteur de l’élément est mise à l’échelle proportionnellement à sa largeur. Activez Largeur personnalisée de l’élément sur mobile pour utiliser une largeur mobile distincte (de 50 à 600 px, 150 par défaut). Lorsqu’elle est désactivée, les éléments font la moitié de la largeur définie pour ordinateur sur mobile.

Cela vous a-t-il été utile ?