0 Fusées éclairantes 0 Fusées éclairantes ×

Il s'agit d'un calibre plugin pour WordPress, pour créer magnifiquement animés jauges ou des barres de progression avec un motif circulaire. Un ensemble de 23 shortcode attributs sont disponibles pour personnaliser la jauge. Chaque jauge est restituée comme un élément distinct de SVG et vous pouvez insérer plusieurs jauges sur la même page.

Ce sont les attributs de shortcode disponibles pour personnaliser une jauge (valeurs par défaut entre parenthèses):

  • valeur (50): La valeur actuelle de la jauge.
  • Largeur (200PX): La largeur de la jauge.
  • hauteur (200PX): La hauteur de la jauge.
  • MinValue (0): La valeur minimale de la jauge.
  • MaxValue (100): La valeur maximale de la jauge.
  • circlethickness (0.05): L'épaisseur du cercle extérieur sous forme de pourcentage de son rayon.
  • circlefillgap (0.05): La taille de l'écart entre le cercle externe et vague comme un pourcentage du rayon cercles extérieurs.
  • circlecolor (#178BCA): La couleur du cercle extérieur.
  • WaveHeight (0.05): La hauteur des vagues en pourcentage du rayon du cercle vague.
  • wavecount (1): Le nombre de vagues complètes par la largeur du cercle vague.
  • waverisetime (1000): La quantité de temps en millisecondes pour la vague de 0 C'est la hauteur finale.
  • waveanimatetime (1000): La quantité de temps en millisecondes pour une onde pleine d'entrer dans le cercle de vague.
  • waverise (true): Contrôler si la vague devait s'élever de 0 C'est toute la hauteur, ou commencer à sa pleine hauteur.
  • waveheightscaling (true): Taille de vague de contrôles mise à l'échelle à des pourcentages de remplissage haute et basse. Lorsque true, tronçons de hauteur d'onde qu'il est maximal au 50% Fill, et minimum à 0% et 100% Fill. Ceci aide à empêcher la vague du cercle de la vague d'apparaître totalement pleines ou vides quand vous serez c' est minimum ou maximum de remplissage.
  • waveanimate (true): Contrôle si la vague défile ou est statique.
  • wavecolor (#178BCA): La couleur de la vague de remplissage.
  • waveoffset (0): La valeur offset au départ de la vague. 0 = sans décalage. 1 = décalage d'une onde pleine.
  • textvertposition (0.5): La hauteur à laquelle doit afficher le pourcentage l'intérieur texte du cercle de la vague. 0 = bas, 1 = top.
  • TEXTSIZE (1): La hauteur relative du texte à afficher dans le cercle de la vague. 1 = 50%
  • valuecountup (true): Si elle est vraie, la valeur affichée décompte progressif de 0 C'est le montant final lors du chargement. Si la valeur false, la finale est affichée.
  • displaypercent (true): Si elle est vraie, un % symbole s'affiche après la valeur.
  • TextColor (#045681): La couleur du texte valeur lorsque la vague ne chevauche pas il.
  • wavetextcolor (#A4DBf8): La couleur du texte valeur lorsque la vague il chevauche.

Voici un shortcode entièrement fonctionnel avec tous les attributs disponibles:

[valeur de liquidgauge =”53” largeur =”200PX” hauteur =”200PX” MinValue =”0” MaxValue =”100” circlethickness =”0.05” circlefillgap =”0.05” circlecolor =”#178BCA” WaveHeight =”0.05” wavecount =”1” waverisetime =”1000” waveanimatetime =”1000” waverise =”true” waveheightscaling =”true” waveanimate =”true” wavecolor =”#178BCA” waveoffset =”0” textvertposition =”0.5” TEXTSIZE =”1” valuecountup =”true” displaypercent =”true” TextColor =”#045681” wavetextcolor =”#A4DBf8”]

0 Fusées éclairantes Twitter 0 Facebook 0 Google 0 Broche il partager 0 LinkedIn 0 Messagerie -- 0 Fusées éclairantes ×

Laisser une réponse

Votre adresse email ne sera pas publié. Les champs obligatoires sont marqués *