{"id":458,"date":"2013-08-11T15:29:21","date_gmt":"2013-08-11T15:29:21","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=458"},"modified":"2013-08-11T15:29:21","modified_gmt":"2013-08-11T15:29:21","slug":"shortcode-banners","status":"publish","type":"page","link":"https:\/\/ahost.gr\/web\/?page_id=458","title":{"rendered":"Shortcode – UX Banners"},"content":{"rendered":"

\nUX Banners are responsive and animated banners.
\nThese banners can be inserted into a UX Slider<\/a> or into a banner grid<\/a>.<\/p>\n

[ux_banner bg=”http:\/\/tommyvedvik.com\/dummy.gif” height=”500px” animation=”flipInX”]<\/p>\n

DEFAULT BANNER<\/h1>\n

This is a simple banner with centered text<\/h3>\n

___
\n[\/ux_banner]<\/p>\n

\n[ux_banner bg=\"http:\/\/imageurl\" height=\"500px\" animation=\"flipInX\"]\n\n<h1>DEFAULT BANNER<\/h1>\n<h3>This is a simple banner with centered text. Change text and background easely... <\/h3>\n____\n[\/ux_banner]<\/pre>\n
[ux_banner bg=”http:\/\/tommyvedvik.com\/dummy.gif” height=”560px” link=”” animation=”fadeInLeft” text_align=”center” text_pos=”right center” text_color=”light” text_width=”40%”]<\/p>\n
This Weekend Only<\/h3>\n
____<\/p>\n
FREE SHIPPING<\/h1>\n
ON ALL ORDERS!<\/h2>\n
____<\/p>\n
[button text=’Browse products’ link=’http:\/\/’]
\n[\/ux_banner]<\/p>\n
\n[ux_banner  bg=\"http:\/\/imageurl\" height=\"560px\" link=\"\" animation=\"fadeInLeft\" text_align=\"center\" text_pos=\"right center\" text_color=\"dark\" text_width=\"40%\"]\n\n<h3>This Weekend Only<\/h3>\n____\n<h1>FREE SHIPPING<\/h1>\n<h2>ON ALL ORDERS!<\/h2>\n____\n\n[button text='Browse products' link='http:\/\/']\n\n[\/ux_banner]<\/pre>\n
[ux_banner bg=”http:\/\/tommyvedvik.com\/dummy.gif” height=”560px” link=”” animation=”fadeInLeft” text_align=”center” text_pos=”left center” text_color=”dark” text_width=”40%” ]<\/p>\n
This Weekend Only<\/h3>\n
____<\/p>\n
FREE SHIPPING<\/h1>\n
ON ALL ORDERS!<\/h2>\n
____<\/p>\n
[button text=’Browse products’ link=’http:\/\/’]<\/p>\n
[\/ux_banner]<\/p>\n
\n[ux_banner  bg=\"http:\/\/imageurl\" height=\"560px\" link=\"\" animation=\"fadeInLeft\" text_align=\"center\" text_pos=\"right center\" text_color=\"dark\" text_width=\"40%\"]\n\n<h3>This Weekend Only<\/h3>\n____\n<h1>FREE SHIPPING<\/h1>\n<h2>ON ALL ORDERS!<\/h2>\n____\n\n[button text='Browse products' link='http:\/\/']\n\n[\/ux_banner]<\/pre>\n
[ux_banner bg=”http:\/\/tommyvedvik.com\/dummy.gif” height=”560px” link=”” animation=”flipInX” text_align=”center” text_pos=”center” text_color=”light” text_width=”80%” ]<\/p>\n
It has Finaly started…<\/h3>\n
____<\/p>\n
HUGE SALE<\/h1>\n
UP TO 70% OFF<\/h1>\n
____<\/p>\n
[button style=”alt-button white” text=”Shop men” link=”http:\/\/”]
\n[button style=”alt-button white” text=”Shop women” link=”http:\/\/”]
\n[button style=”alt-button white” text=”Shop kids” link=”http:\/\/”]<\/p>\n
[\/ux_banner]<\/p>\n
\n[ux_banner  bg=\"http:\/\/imageurl\" height=\"560px\" link=\"\" animation=\"fadeInLeft\" text_align=\"center\" text_pos=\"right center\" text_color=\"dark\" text_width=\"40%\"]\n\n<h3 class=\"alt-font\">It has Finaly started...<\/h3>\n____\n<h1 class=\"h-large\">HUGE SALE<\/h1>\n<h1>UP TO 70% OFF<\/h1>\n____\n\n[button style=\"alt-button white\" text=\"Shop men\" link=\"http:\/\/\"]\n[button style=\"alt-button white\" text=\"Shop women\" link=\"http:\/\/\"]\n[button style=\"alt-button white\" text=\"Shop kids\" link=\"http:\/\/\"]\n\n[\/ux_banner]<\/pre>\n
[ux_banner bg=”http:\/\/tommyvedvik.com\/dummy.gif” height=”560px” link=”” animation=”flipInX” text_align=”center” text_pos=”center” text_color=”light” text_width=”80%” parallax=”3″]<\/p>\n
Just An Awesome<\/h3>\n
____<\/p>\n
PARALLAX<\/h1>\n
BANNER<\/h1>\n
____<\/p>\n
[button style=”alt-button white” text=”Shop men” link=”http:\/\/”]
\n[button style=”alt-button white” text=”Shop women” link=”http:\/\/”]
\n[button style=”alt-button white” text=”Shop kids” link=”http:\/\/”]<\/p>\n
[\/ux_banner]<\/p>\n
\n[ux_banner  bg=\"http:\/\/imageurl\" height=\"560px\" link=\"\" animation=\"fadeInLeft\" text_align=\"center\" text_pos=\"right center\" text_color=\"dark\" text_width=\"40%\" parallax=\"2\"<\/b>]\n\n<h3 class=\"alt-font\">It has Finaly started...<\/h3>\n____\n<h1 class=\"h-large\">PARALLAX<\/h1>\n<h1>UP TO 70% OFF<\/h1>\n____\n\n[button style=\"alt-button white\" text=\"Shop men\" link=\"http:\/\/\"]\n[button style=\"alt-button white\" text=\"Shop women\" link=\"http:\/\/\"]\n[button style=\"alt-button white\" text=\"Shop kids\" link=\"http:\/\/\"]\n\n[\/ux_banner]<\/pre>\n
[ux_banner bg=”http:\/\/tommyvedvik.com\/dummy.gif” height=”300px” animation=”flipInX”]<\/p>\n
ABOUT US<\/h1>\n
___
\n[share]
\n[\/ux_banner]<\/p>\n
\n[ux_banner  bg=\"http:\/\/imageurl\" height=\"300px\" animation=\"flipInX\"]\n\n<h1>ABOUT US<\/h1>\n___\n[share]\n[\/ux_banner]<\/pre>\n
[title text=”Banner Grid”]<\/p>\n
[block id=”banner-grid-style”]<\/p>\n
\n[ux_banner_grid]\n\n[col span=\"6\"]\n[ux_banner height=\"600px\" bg=\"\"] [\/ux_banner]\n[\/col]\n\n[col span=\"3\" ]\n[ux_banner height=\"600px\" bg=\"\"] [\/ux_banner]\n[\/col]\n\n[col span=\"3\" ]\n[ux_banner height=\"292px\" bg=\"\"] [\/ux_banner]\n[\/col]\n\n[col span=\"3\"]\n[ux_banner height=\"292px\" bg=\"\"] [\/ux_banner]\n[\/col]\n\n[\/ux_banner_grid]<\/pre>\n
[title text=”3-column Banner Row”]
\n[block id=”banner-row-3-column-zoom-effect”]<\/p>\n
[row]\n\n[col span=1\/3]\n[ux_banner link="https:\/\/ahost.gr\/web\/blog\/" bg="http:\/\/imageurl" hover="zoom" height="160px"]\n<h2 class="uppercase">Weekly Giveaway<\/h2>\n___\n[\/ux_banner]\n[\/col]\n\n[col  span=1\/3]\n[ux_banner link="https:\/\/ahost.gr\/web\/blog\/" bg="http:\/\/imageurl" hover="zoom" height="160px"]\n<h2 class="uppercase">Join our  competition<\/h2>\n___\n[\/ux_banner]\n[\/col]\n\n[col span=1\/3]\n[ux_banner link="https:\/\/ahost.gr\/web\/pages\/about-us\/" bg="http:\/\/imageurl" hover="zoom" height="160px"]\n<h2 class="uppercase">ABOUT US <\/h2>\n___\n[\/ux_banner]\n[\/col]\n\n[\/row]<\/pre>\n
[title text="Video banner"]<\/p>\n
[ux_banner bg="#000" video_mp4="https:\/\/ahost.gr\/web\/wp-content\/uploads\/sites\/2\/2013\/12\/My-Movie-Medium.mov"  height="600px" link="" animation="fadeInRight" text_align="left" text_pos="left center" text_color="light" text_width="40%"]<\/p>\n
Summer coming…<\/h3>\n
____<\/p>\n
THIS IS AN AWESOME VIDEO BANNER<\/h1>\n
____
\n[button  text="Shop men" link="https:\/\/ahost.gr\/web\/product-category\/men\/%22]
\n[button  text="Shop women" link="https:\/\/ahost.gr\/web\/product-category\/women\/%22]<\/p>\n
[\/ux_banner]<\/p>\n
[ux_banner bg="#000" video_mp4="http:\/\/videourl.mp4" video_ogg=""  height="600px" link="" animation="fadeInRight" text_align="left" text_pos="left center" text_color="light" text_width="40%"]\n<h3 class="alt-font">Summer coming...<\/h3>\n____\n<h1>THIS IS AN AWESOME VIDEO BANNER<\/h1>\n____\n[button  text="Shop men" link="https:\/\/ahost.gr\/web\/product-category\/men\/%22]\n[button  text="Shop women" link="https:\/\/ahost.gr\/web\/product-category\/women\/%22]\n\n[\/ux_banner]\n<\/pre>\n
[title text=”Banner with snow effect”]<\/p>\n
[ux_banner bg=”http:\/\/tommyvedvik.com\/dummy.gif” height=”500px” animation=”flipInX” effect=”snow”]<\/p>\n
DEFAULT BANNER<\/h1>\n
This is a simple banner with centered text<\/h3>\n
___
\n[\/ux_banner]<\/p>\n
\n[ux_banner bg=\"http:\/\/imageurl\" height=\"500px\" animation=\"flipInX\" effect=\"snow\"<\/b>]\n\n<h1>DEFAULT BANNER<\/h1>\n<h3>This is a simple banner with centered text. Change text and background easely... <\/h3>\n____\n[\/ux_banner]<\/pre>\n
[title text=”Banner with glass effect”]<\/p>\n
[ux_banner bg=”http:\/\/tommyvedvik.com\/dummy.gif” height=”500px” animation=”flipInX” effect=”sliding-glass”]<\/p>\n
DEFAULT BANNER<\/h1>\n
This is a simple banner with centered text<\/h3>\n
___
\n[\/ux_banner]<\/p>\n
\n[ux_banner bg=\"http:\/\/imageurl\" height=\"500px\" animation=\"flipInX\" effect=\"sliding-glass\"<\/b>]\n\n<h1>DEFAULT BANNER<\/h1>\n<h3>This is a simple banner with centered text. Change text and background easely... <\/h3>\n____\n[\/ux_banner]<\/pre>\n
[title text=”Banner with sparkle effect”]<\/p>\n
[ux_banner bg=”http:\/\/tommyvedvik.com\/dummy.gif” height=”500px” animation=”flipInX” effect=”sparkle”]<\/p>\n
DEFAULT BANNER<\/h1>\n
This is a simple banner with centered text<\/h3>\n
___
\n[\/ux_banner]<\/p>\n
\n[ux_banner bg=\"http:\/\/imageurl\" height=\"500px\" animation=\"flipInX\" effect=\"sparkle\"<\/b>]\n\n<h1>DEFAULT BANNER<\/h1>\n<h3>This is a simple banner with centered text. Change text and background easely... <\/h3>\n____\n[\/ux_banner]<\/pre>\n
[title text=”Banner with confetti effect”]<\/p>\n
[ux_banner bg=”http:\/\/tommyvedvik.com\/dummy.gif” height=”500px” animation=”flipInX” effect=”confetti”]<\/p>\n
DEFAULT BANNER<\/h1>\n
This is a simple banner with centered text<\/h3>\n
___
\n[\/ux_banner]<\/p>\n
\n[ux_banner bg=\"http:\/\/imageurl\" height=\"500px\" animation=\"flipInX\" effect=\"confetti\"<\/b>]\n\n<h1>DEFAULT BANNER<\/h1>\n<h3>This is a simple banner with centered text. Change text and background easely... <\/h3>\n____\n[\/ux_banner]<\/pre>\n","protected":false},"excerpt":{"rendered":"
UX Banners are responsive and animated banners. These banners can be inserted into a UX Slider or into a banner grid. [ux_banner bg=”http:\/\/tommyvedvik.com\/dummy.gif” height=”500px” animation=”flipInX”] DEFAULT BANNER This is a simple banner with centered text ___ [\/ux_banner] [ux_banner bg=”http:\/\/imageurl” height=”500px” animation=”flipInX”] <h1>DEFAULT BANNER<\/h1> <h3>This is a simple banner with centered text. Change text and background … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":288,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank-title-center.php","meta":{"footnotes":""},"class_list":["post-458","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/ahost.gr\/web\/index.php?rest_route=\/wp\/v2\/pages\/458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ahost.gr\/web\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ahost.gr\/web\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ahost.gr\/web\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ahost.gr\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=458"}],"version-history":[{"count":0,"href":"https:\/\/ahost.gr\/web\/index.php?rest_route=\/wp\/v2\/pages\/458\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/ahost.gr\/web\/index.php?rest_route=\/wp\/v2\/pages\/288"}],"wp:attachment":[{"href":"https:\/\/ahost.gr\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}