Statistiques numériques (Plus)

You are here:
Estimated reading time: 2 min
Inclus dans le Forfait Valeur et Plus

Statistiques numériques (plus) permet d’afficher des données numériques animés

Une fois l’élément Statistiques numériques (plus)” glissé en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.

Général

  • Style de compteur : Numéros seulement, Compteur Cercle, Compteur demi-cercle, Compteur en barres
  • Plage de numéro : En pourcentage (de 100%), Plage personnalisée (définissez votre propre plage)
  • Numéro du compteur : Écrivez le chiffre a afficher
  • Texte au-dessus du numéro : Écrivez le texte 
  • Texte dessous le numéro : Écrivez le texte 

Si vous choisissez « Demi-Cercle » le texte est avant et après le compteur.
Si vous choisissez « En barres », vous devrez choisir la position du chiffre : Aucun/e, Dans la barre, Au dessus de la Barre, En dessous de la Barre.

Style

Pour Numéros seulement, et compteur Barre

Structure

  • Alignement général : Centre, Gauche, Droit(e)

Marges de numéros

  • Marges du haut du numéro : Écrivez le chiffre en pixel
  • Marges du bas du numéro : Écrivez le chiffre en pixel

Séparateur (sous le numéro)

  • Afficher le séparateur : Oui, Non (si vous choisissez oui, vous devrez configurer les marges de séparateur, choisir son style, sa couleur, son épaisseur et sa largeur

Animation de compteur

  • Vitesse d’Animation : Écrivez le chiffre en pixel
  • Délai de l’animation : Écrivez le chiffre en pixel

Pour Compteur Cercle, Demi-Cercle, vous aurez les configurations suivantes en plus

Styles des bandes de cercle

  • Taille du cercle : Écrivez le chiffre en pixel
  • Taille du contour du cercle : Écrivez le chiffre en pixel
  • Couleur de l’avant-plan du cercle : Choisissez la couleur
  • Opacité de l’avant-plan du cercle : Écrivez le chiffre en pourcentage
  • Couleur de l’arrière-plan du cercle : Choisissez la couleur
  • Opacité de l’arrière-plan du cercle : Écrivez le chiffre en pourcentage

Typographie 

Texte numéral

  • Tag : Choisissez de H1 à H6, div, p, span
  • Police : Choisissez votre police
  • Taille de la police : choisissez la taille de la police en pixel
  • Interligne : Choisissez l’espace entre les lignes
  • Couleur : Choisissez la couleur
  • Espace entre les lettres : Choisissez l’espace entre les lettres

Texte avant-après

  • Tag : Choisissez de H1 à H6, div, p, span
  • Police : Choisissez votre police
  • Taille de la police : choisissez la taille de la police en pixel
  • Interligne : Choisissez l’espace entre les lignes
  • Couleur : Choisissez la couleur
  • Transforme : Défaut, Lettres majuscules, Lettres minuscules, Première Lettre de chaque mot en majuscule
  • Espace entre les lettres : Choisissez l’espace entre les lettres

Avancé

  • Marges extérieuresDu haut, du bas, de gauche, de droite, les quatre côtés sont configurables indépendamment l’un de l’autre.  L’ajustement des marges extérieures permet de créer des espaces entre les différentes rangées et de modifier la largeur d’affichage indépendamment des configurations du thème.
  • Présentation adaptative
    La présentation adaptative permet de contrôler l’affichage d’une rangée selon le type d’appareil à partir duquel on accède au site.
  • Visibilité : Choisissez à quel type d’utilisateur vous désirez que le contenu soit visible
  • Animation
    Style : Choisissez le type d’animation. Essayez-les et sélectionnez celle qui vous convient.
    Délai : Choisissez en seconde, le délai avant que l’animation ne débute.
  • Sélecteur HTML
Was this article helpful?
Dislike 0
Views: 1