Le compte à rebours sert à situer un événement dans le temps. Souvent utilisé pour annoncer la venue d’un nouveau site web, vous pouvez aussi l’utiliser pour annoncer un nouveau service ou pour compter le nombre de jours avant l’anniversaire de votre entreprise. Vous pouvez choisir parmi 2 types d’affichage comportant un grand nombre de configurations.

Une fois que vous avez glissé l’élément “Compte à rebours” en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.

Général

• Date : Indiquez la date jusqu’à laquelle vous désirez que le compteur s’affiche.
• Heure : Inscrivez l’heure et votre fuseau horaire.

Style

Présentation : choisir Nombres ou Nombres + Cercles

Chiffres et texte

• Couleur du chiffre : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”.  Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
• Couleur du texte : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”.  Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
• Taille du chiffre : Choisissez la taille en pixel, du chiffre.
• Taille du texte : Choisissez la taille en pixel, du texte.
• Marges intérieures horizontales : Choisissez la taille en pixel, de la marge. (N’apparait pas lorsque Cercles est choisi)
• Marges intérieures verticales : Choisissez la taille en pixel, de la marge.(N’apparait pas lorsque Cercles est choisi)
• Espace du chiffre : Choisissez la taille en pixel, de l’espace entre les chiffres

Styles des cercles (apparait si vous choisissez cercles)

• Taille des cercles : Choisissez la taille en pixel, du cercle.
• Épaisseur de la bordure des cercles : Choisissez l’épaisseur en pixel, de la bordure.
• Couleur du cercle : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
• Couleur de l’arrière-plan du cercle : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”.  Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.

Arrière-plans (N’apparait pas lorsque l’option cercles est choisi)

• Couleur d’arrière-plan du chiffre : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”.  Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
• Opacité de l’arrière-plan du chiffre :  Choisissez l’opacité, si votre fond n’est pas blanc, vous le verrez au travers l’arrière plan selon l’opacité choisie.
• Grosseur des coins de la bordure du chiffre : Choisissez la grosseur en pixel, des coins ronds du bouton. Plus le chiffre est grand et plus le coin est rond.

Séparateur  (N’apparait pas lorsque l’option cercles est choisi)

• Afficher les Séparateurs : Choisissez oui ou non
  • Type de séparateur : Ligne ou 2 points
  • Couleur du séparateur : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”.  Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
  • Taille du séparateur : Choisissez la taille en pixel, du séparateur.

Avancé

• Marges extérieures
  Du 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.
• 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 CSS
  Permets d’associer la rangée à un code CSS spécifique. Configurer l’ID ou la Classe selon votre besoin.