Loading...
Counter Circle2014-09-04T17:37:01+00:00

Counter Circle Shortcode

Avada includes multiple animated counter shortcodes, including the counter circle shortcode. These are great for displaying varying types of data to your viewers. The counter circles have several options that allow you to easily customize them to your needs. Wether its sales percentages, skill levels, promotional levels or other data sets, the counter circle shortcode is a great way to visually attract the viewer and display content.

94%
Users
Avada

Control Colors

Each counter circle in the shortcode can have a different filled and unfilled color.

Full
Control
of
Colors

Control Size

Each counter circle in the shortcode can have a different circle diameter.

You
Can
Control
The
Circle
Size

Show Scales

Each counter circle can display a set of scales which visually mark the values around the circle. Larger scales mark it the quarter values around the circle.

Show
Some
Scales

Count Up or Down

Each counter circle in the shortcode can have the filled animation start full (up) or empty (down).

Up
Down

Animation Speed

Each counter circle in the shortcode can have a different animation speed, which provides a visual variation.

You
Can
Control
The
Circle
Speed

Font Awesome Icons

Each counter circle can have text information or a font awesome icon inside the circle. The full font awesome shortcode can be used along with all of the icon options.

Complete Set of Options

Every option and description included with the counter circle shortcode is listed below.

  • filledcolor – Accepts a hexcode ( #000000 ). Sets the filled area’s color. Leave blank for Theme Option selection.
  • unfilledcolor – Accepts a hexcode ( #000000 ). Sets the unfilled area’s color. Leave blank for Theme Option selection.
  • size – Accepts a numerical value to set the overall diameter of the circle in pixels. For example, 220.
  • scales – Can be one of these values: yes, or no. This will show or hide a scale around the circle.
  • countdown – Can be one of these values: yes, or no. Sets the filling animation to move counter clockwise.
  • speed – Accepts a numerical value to set the time it takes for the animation to complete. For example, 1500.
  • value – The Filled Area Percentage. Accepts a numerical value to set the percentage of filled area. For example, 95.
  • class – Add a custom class to the wrapping HTML element for further css customization.
  • id – Add a custom id to the wrapping HTML element for further css customization.

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!
Compartir contenidos didácticos y gráficos sobre la pesca a mosca. Disfrutar de esta afición como una forma de vida.
Para el pescador desconsiderado, los peces son objetos, incluso mercaderías, que sencillamente nos proporcionan un divertimento ocasional. Sin embargo, cuando el pescador los observa y entiende, los peces rezuman una majestuosa calidad. Una vez descubierta la máscara, el pez se nos revela fascinante, se trata de una criatura compleja y, a la par, con una vida en constante cambio, que difícilmente podremos conocer nunca por completo. Su belleza se refleja asimismo en el agua: de hecho, la apariencia de un pez recién capturado puede parecer maravillosa, pero en su hábitat natural es incluso más gloriosa… …Cuando más sepamos acerca de los peces y de las aguas que habitan, mayor será nuestro deseo de protegerlos y no herirlos. Tal vez, transcurrido algún tiempo, consideremos que es mejor observarlos que capturarlos. Si se encuentra frente a un buen ejemplar, lógicamente deseará pescarlo; pero recuerde que los de tamaño medio deben nadar libremente. Por encima de todo, debemos amparar las aguas de la contaminación, el vandalismo y los escombros. El pescador que ha visto lo que oculta la máscara es el mejor guardián que pueden tener los ríos y los lagos de nuestro planeta.>> John Baile
Por la vida; por encima de todos nuestros principios están, la protección y el respeto por las especies, sus hábitats y los entornos naturales. "Siempre captura y suelta"