ELEMENTO WEB

CAJA CON CONTADOR

Contamos con múltiples opciones para Cajas Contador. Son geniales para mostrar diferentes tipos de datos y contenido a sus visitantes. Las Cajas Contador incluyen las opciones de configuración necesarias para que el contenido resulte visualmente atractivo para cualquiera que lo contemple.

El Elemento Web Caja con Contador es altamente personalizable

Opciones personalizadas para el tamaño del rectángulo, con o sin relleno de color, escalas, velocidad, dirección del contador y más!.

0
Wonderful Users & Counting
0
Support Threads Resolved
0
Hours of Development
0
Cups of Coffee

Control de Colores

Cada cuadro de contador puede tener un color diferente al del texto o el icono.
0%
90% of Designers Use Macintosh
0%
75% of People Love iPhones

Opciones de Columna

Cada instancia de cuadro de contador tiene una opción para elegir el ancho de la columna.
0 + Users
Choose from 1-4 Columns for the Counter Boxes

Control de Unidades

Cada instancia de cuadro de contadores puede mostrar una unidad diferente y esta tener una posición diferente al resto.
$0
Use Any Symbol Or Custom Text For The Unit
0%
Use Any Symbol Or Custom Text For The Unit
0 lbs
Use Any Symbol Or Custom Text For The Unit

Contar hacia arriba o hacia abajo

Cada Caja de contadores puede tener números ascendentes o descendientes en su animación.
$0
Set The Counter To Count Up
$1000
Set The Counter To Count Down

Iconos de la Fuente Awesome

Cada instancia de  Caja de Contadores puede mostrar un icono de la Font Awesome en su contenido.
0 + Vector Icons
Set The Counter To Count Up

Control del Borde

Cada instnacia del la Caja de Contenido puede mostrar un borde al rededor de la caja.
0 + Vector Icons
Set The Counter To Count Up
0 + Vector Icons
Set The Counter To Count Up

Control Total sobre el monitor de Meta Data

Con cada short code viene un completo juego de opciones meta data. Estas opciones permiten activar o desactivar cada una de las secciones del meta data, o simultaneamente de todo el juego.

  • Number of Columns = Set the number of columns per row.
  • Counter Box Title Font Color = Controls the color of the counter «value» and icon. Leave blank for theme option styling.
  • Counter Box Title Font Size = Controls the size of the counter «value» and icon. Enter the font size without ‘px’ ex: 50. Leave blank for theme option styling.
  • Counter Box Icon Size = Controls the size of the icon. Enter the font size without ‘px’. Default is 50. Leave blank for theme option styling.
  • Counter Box Icon Top  = Controls the position of the icon. Select Default for theme option styling.
  • Counter Box Body Font Color = Controls the color of the counter body text. Leave blank for theme option styling.
  • Counter Box Body Font Size = Controls the size of the counter body text. Enter the font size without ‘px’ ex: 13. Leave blank for theme option styling.
  • Counter Box Border Color = Controls the color of the border.
  • Offset of Animation = Choose when the animation should start.
  • CSS Class = Add a class to the wrapping HTML element.
  • CSS ID = Add an ID to the wrapping HTML element.
  • Counter Value = The number to which the counter will animate.
  • Delimiter Digit = Insert a delimiter digit for better readability. ex: ,
  • Counter Box Unit = Insert a unit for the counter. ex %
  • Unit Position = Choose the positioning of the unit.
  • Icon  = Click an icon to select, click again to deselect
  • Counter Direction = Choose to count up or down.
  • Counter Box Text = Insert text for counter box