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

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.

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.

Botones Icono

Puede controlar la anchura y color del borde fácilmente.

Animaciones en Botones

Puede controlar fácilmente tanto la anchura como el color del borde.

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.

Elemento Web | Botones