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.

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.

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.

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.

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_color – Custom setting only. Accepts a hexcode ( #000000 ). Sets the border, text and icon color.
  • background_color – Custom setting only. Accept a hexcode ( #000000 ). Sets the background color.
  • border_size – Custom 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.