ELEMENTO WEB

BOTONES

Tenemos unas opciones para botones espectaculares. Los botones son parte integral de una página y nos hemos asegurado de tener listas las opciones que necesita para añadir hermosos botones a cualquier página. Elija entre 4 tamaños, 3 formas, planos o 3D, paleta completa de colores, anchura de borde, iconos, separadores y animaciones también en botones de pantallas emergentes.

Colores Ilimitados

Controle todos los colores; backgrounds, hover backgrounds, accents (border, text, icon, divider), hover accents & 3D bevel.
COLOR
COLOR
COLOR
COLOR
COLOR
COLOR
COLOR
COLOR

4 Tamaños de Botón

Tenemos 4 tamaños diferentes para que siempre tenga el tamaño perfecto de botón para cada situación. Elija entre pequeño, mediano, grande y extra-grande.
SMALL
MEDIUM
LARGE
XLARGE

2 Tipos de Botón

Choose a super sleek Flat style button, or an eye popping 3D button.
SUPER SLEEK FLAT BUTTON
EYE-POPPING 3D BUTTON

3 Formas de Botón

Tenemos 3 formas distintas de botón; cuadrado, redondeado y píldora.
SQUARE SHAPE
PILL SHAPE
ROUND SHAPE

Control Total del Borde

Puede controlar el color y ancho del borde fácilmente.
0px BORDER
1px BORDER
2px BORDER
3px BORDER
4px BORDER
5px BORDER
6px BORDER
7px BORDER

Botones Icono

Puede controlar la anchura y color del borde fácilmente.
ICON WITH DIVIDER
ICON WITHOUT DIVIDER
ICON POSITION LEFT
ICON POSITION RIGHT

Animaciones en Botones

Puede controlar fácilmente tanto la anchura como el color del borde.
BOUNCE
FADE
FLASH
ZOOM
RUBBERBAND
SHAKE
SLIDE

Control Total del Display de Meta Data

Con cada short code viene un juego completo de opciones para el meta data. Estas opciones permiten activar o desactivar cada sección de meta data tanto individual como grupalmente.

  • Button URL = Add the button’s url ex: http://example.com
  • Button Style =Select the button’s color. Select default or color name for theme options, or select custom to use advanced color options below.
  • Button Size = Select the button’s size. Choose default for theme option selection.
  • Button Span = Choose to have the button span the full width of its container.
  • Button Type = Select the button’s type. Choose default for theme option selection.
  • Button Shape = Select the button’s shape. Choose default for theme option selection.
  • Button Target =_self = open in same window _blank = open in new window
  • Button Title attribute = Set a title attribute for the button link.
  • Button’s Text = Add the text that will display on button
  • Button Gradient Top Color = Custom setting only. Set the top color of the button background.

  • Button Gradient Bottom Color = Custom setting only. Set the bottom color of the button background or leave empty for solid color.
  • Button Gradient Top Color Hover = Custom setting only. Set the top hover color of the button background.
  • Button Gradient Bottom Color Hover = Custom setting only. Set the bottom hover color of the button background or leave empty for solid color.
  • Accent Color = Custom setting only. This option controls the color of the button border, divider, text and icon.
  • Accent Hover Color = Custom setting only. This option controls the hover color of the button border, divider, text and icon.
  • Bevel Color (3D Mode only) = Custom setting. Set the bevel color of 3D buttons.
  • Border Width = Custom setting only. In pixels (px), ex: 1px. Leave blank for theme option selection.
  • Select Custom Icon = Click an icon to select, click again to deselect
  • Icon Position = Choose the position of the icon on the button.
  • Icon Divider = Choose to display a divider between icon and text.
  • Modal Window Anchor = Add the class name of the modal window you want to open on button click.
  • Animation Type = Select the type of animation to use on the shortcode
  • Direction of Animation = Select the incoming direction for the animation
  • Speed of Animation = Type in speed of animation in seconds (0.1 – 1)
  • Offset of Animation = Choose when the animation should start.
  • Alignment = Select the button’s alignment.
  • CSS Class = Add a class to the wrapping HTML element.
  • CSS ID = Add an ID to the wrapping HTML element.

2017-02-13T01:03:33+00:00