ANIMATED BANNER

Create animated banners for an original and creative effect. You can customize the banners with unlimited options, choosing different icons and colors and setting one of the 8 available animations.

[banner type=“switch-text“ width=“0″ height=“92″ target=“0″ title=“CUSTOMER SUPPORT“ subtitle=“+39 099 3872″ icon=“phone“ style=“no“ title_size=“23″ title_size_hover=“21″ subtitle_size=“21″ subtitle_size_hover=“30″ icon_size=“50″ icon_size_hover=“52″ background=“#ffffff“ border=“#e0e0e0″ color_icon=“#1f1f1f“ color_title=“#000000″ color_subtitle=“#799707″ background_hover=“#f0f0f0″ border_hover=“#e0e0e0″ color_icon_hover=“#799707″ color_title_hover=“#000000″ color_subtitle_hover=“#799707″]
[banner type=“switch-text“ width=“0″ height=“92″ target=“0″ title=“HAPPY CUSTOMER“ subtitle=“Read the Testimonials“ icon=“comment-o“ style=“no“ title_size=“23″ title_size_hover=“21″ subtitle_size=“16″ subtitle_size_hover=“26″ icon_size=“50″ icon_size_hover=“52″ background=“#ffffff“ border=“#e0e0e0″ color_icon=“#1f1f1f“ color_title=“#000000″ color_subtitle=“#799707″ background_hover=“#f0f0f0″ border_hover=“#e0e0e0″ color_icon_hover=“#799707″ color_title_hover=“#000000″ color_subtitle_hover=“#799707″]
[banner type=“zoom-box“ width=“0″ height=“92″ target=“0″ title=“ANOTHER EXAMPLE“ subtitle=“with a small tagline“ icon=“shopping-cart“ style=“no“ title_size=“24″ title_size_hover=“30″ subtitle_size=“14″ subtitle_size_hover=“18″ icon_size=“35″ icon_size_hover=“40″ background=“#000000″ border=“#0a0a0a“ color_icon=“#ffffff“ color_title=“#a4bc48″ color_subtitle=“#e0e0e0″ background_hover=“#799707″ border_hover=“#799707″ color_icon_hover=“#ffffff“ color_title_hover=“#ffffff“ color_subtitle_hover=“#a4bc48″]
[banner type=“zoom-left“ width=“0″ height=“92″ url=“#“ target=“0″ title=“LOVE THIS THEME“ subtitle=“IS AMAZING :)“ icon=“quote-left“ style=“no“ title_size=“24″ title_size_hover=“30″ subtitle_size=“14″ subtitle_size_hover=“18″ icon_size=“35″ icon_size_hover=“40″ background=“#a4bc48″ border=“#a4bc48″ color_icon=“#ffffff“ color_title=“#000000″ color_subtitle=“#ffffff“ background_hover=“#d3d3d3″ border_hover=“#d3d3d3″ color_icon_hover=“#050505″ color_title_hover=“#686868″ color_subtitle_hover=“#3d3d3d“]

SHORTCODE ATTRIBUTES

  • type: the type of the animation
  • width: width of the banner
  • height: height of the banner
  • url: the url of the link
  • target: the target of the link
  • title: banner‘ s title
  • title size: the font size of the title
  • title size hover: the font size of the title when mouse is hover
  • subtitle: banner‘ s subtitle
  • subtitle size: the font size of the subtitle
  • subtitle size hover: the font size of the subtitle when mouse is hover
  • icon: awesome icon inside banner
  • icon size: the font size of the awesome icon
  • icon size hover: the font size of the awesome icon when mouse is hover
  • background color: the background color of the banner
  • background color hover: the background color of the banner when mouse is hover
  • background image: the background image of the banner
  • border color: the border color of the banner
  • border color hover: the border color of the banner when mouse is hover
  • color title: the color of the title
  • color title hover: the color of the title when mouse is hover
  • color subtitle: the color of the subtitle
  • color subtitle hover: the color of the subtitle when mouse is hover
  • color icon: the color of the icon
  • color icon hover: the color of the icon when mouse is hover