ELEMENTO WEB

ALERTAS

Son un elemento perfecto para poder mostrar información importante, alertas o mensajes a tus visitantes. Las opciones que ofrecemos permiten animar la caja en el momento que entra en el campo visual, usar los iconos de la Fuente Awesome, configurar los colores, destacar colores, tamaños de borde y mucho más.

ALERT MESSAGE CONTENT GOES HERE
ALERT MESSAGE CONTENT GOES HERE
CLICK THE X TO CLOSE OUT THE BOX
ALERT MESSAGE CONTENT GOES HERE
ALERT MESSAGE CONTENT GOES HERE
CLICK THE X TO CLOSE OUT THE BOX

4 Formatos por defecto de Mensajes para que construir lo que se desee

Hay 4 formatos de mensaje por defecto: general, error, success y notice. Junto a un formato modificable por si no encuentra su idea entre los mensajes por defecto.

DEFAULT GENERAL MESSAGE TYPE
DEFAULT ERROR MESSAGE TYPE
DEFAULT SUCCESS MESSAGE TYPE
DEFAULT NOTICE MESSAGE TYPE

Configuraciones de Personalización

Las opciones de los short codes le permiten configurar el background, los colores, los accent colors (texto o iconos), los bordes con sus colores y mostrar sombra bajo el botón.

FULLY CUSTOMIZABLE SETTINGS!
CUSTOMIZE BACKGROUND COLOR
CUSTOMIZE THE ACCENT COLORS
CONTROL THE BORDER SIZE
CONTROL THE BORDER COLOR
SUBTLE BOX SHADOW SETTING

Configuración de Animaciones

Alert boxes can have CSS3 animations. This allow the box to animate when it comes into the viewport to helps catch the viewers eye.

BOUNCE ANIMATION SETTING
FADE ANIMATION SETTING
FLASH ANIMATION SETTING
RUBBERBAND ANIMATION SETTING
SHAKE ANIMATION SETTING
SLIDE ANIMATION SETTING
ZOOM ANIMATION SETTING

Completo Juego de Opciones

Todas las opciones junto a sus descripciones del shot code de alerta vienen incluidas en el listado inferior de short codes.

  • type – Can be one of these values: general, error, success, notice, or custom.Sets the type of alert message.
  • accent_colorCustom setting only. Accepts a hexcode ( #000000 ). Sets the border, text and icon color.
  • background_colorCustom setting only. Accept a hexcode ( #000000 ). Sets the background color.
  • border_sizeCustom setting only. Accepts a pixel value. For example, 1px.Sets border width.
  • icon – A font awesome icon value. For example, fa-glass.
  • box_shadow – Can be one of these values: yes, or no. This will show or hide a box shadow below the alert box.
  • animation_type – Can be one of these values: none, bounce, fade, flash, shake,or slide. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, or up. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to1, which is the fastest.
  • 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.

2017-02-13T01:04:52+00:00