Compte à rebour
logo openelement

Compte à rebours

  • 25 Fév 2017
  • Eléments

Principe du Compte à rebours Openelement

Un compte à rebours animé indique le nombre de jours, d’heures, de minutes… qu’il reste avant d’atteindre une date et un temps défini par l’administrateur qui donne ensuite lieu à un message final.

Tutoriel

Configuration

  1. Glisser déposer l’élément « Compte à rebours »
    compte à rebours 1
  2. Cliquer sur l’élément puis sur « Propriété » vous n’avez plus qu’à indiquer la date et l’heure de fin et le message qui doit apparaître quand le compte à rebours est terminé
    compte à rebours 2

Personnalisation

  • Pour styliser la police cliquer sur l’élément est personnalisez la police (cadre principal)
  • Pour styliser spécifiquement les titres (heures, minutes…), les nombres, le message final
    1. cliquez sur l’élément
    2. Styles, personnalisation
    3. Zones : « Titres » (ou « Nombres »)
  • Exemple de personnalisation :
    • Cadre principal : Arial
    • « Titres » : couleur blanc + arrière plan rouge + marges intérieures 10px
    • Nombres : texte centré, gras
      Compte à rebours

Télécharger

Fonctionnalités

  • L’administrateur entre
    • L’année
    • Le mois
    • Le jour
    • L’heure
    • Les minutes
    • Les secondes
  • Intégralité des textes personnalisables
  • Texte personnalisé affiché après la fin du compte à rebours
  • Personnalisation du style des nombres
  • Personnalisation du style des textes
  • Modification libre du texte (Jours, Mois…)

Infos

  • Codé en Javascript, HTML et langage propre à Openelement
  • Compatible tout navigateur

Laisser un commentaire