Shortcode – UX Banner grid

Banner Grid

[ux_banner_grid]

[col span="6"]
[ux_banner height="600px" bg=""] [/ux_banner]
[/col]

[col span="3" ]
[ux_banner height="600px" bg=""] [/ux_banner]
[/col]

[col span="3" ]
[ux_banner height="292px" bg=""] [/ux_banner]
[/col]

[col span="3"]
[ux_banner height="292px" bg=""] [/ux_banner]
[/col]

[/ux_banner_grid]

3-column Banner Row

[row]

[col span=1/3]
[ux_banner link="http://localhost:8888/test/blog/" bg="http://imageurl" hover="zoom" height="160px"]
<h2 class="uppercase">Weekly Giveaway</h2>
___
[/ux_banner]
[/col]

[col  span=1/3]
[ux_banner link="http://localhost:8888/test/blog/" bg="http://imageurl" hover="zoom" height="160px"]
<h2 class="uppercase">Join our  competition</h2>
___
[/ux_banner]
[/col]

[col span=1/3]
[ux_banner link="http://localhost:8888/test/pages/about-us/" bg="http://imageurl" hover="zoom" height="160px"]
<h2 class="uppercase">ABOUT US </h2>
___
[/ux_banner]
[/col]

[/row]

Banner Grid Style with slider

[ux_banner_grid]

[col span="9"]

[ux_slider]
[ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ]
Slide content
[/ux_banner]

[ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ]
Slide content
[/ux_banner]

[/ux_slider]
[/col]

[col span="3" ]
[ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">NEW JEANS IN STOCK</h1>
____
[/ux_banner]
[/col]

[col span="3"]
[ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">SHOP MEN SALE</h1>
____
[/ux_banner]
[/col]

[/ux_banner_grid]

Banner Grid Style with slider

[ux_banner_grid]

[col span="6"]

[ux_slider]
[ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ]
Slide content
[/ux_banner]

[ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ]
Slide content
[/ux_banner]

[/ux_slider]
[/col]

[col span="3" ]
[ux_banner height="600px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">NEW JEANS IN STOCK</h1>
____
[/ux_banner]
[/col]

[col span="3" ]
[ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">NEW JEANS IN STOCK</h1>
____
[/ux_banner]
[/col]

[col span="3"]
[ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">SHOP MEN SALE</h1>
____
[/ux_banner]
[/col]

[/ux_banner_grid]

138.963 thoughts on “Shortcode – UX Banner grid

  1. rusham says:

    Чтобы было понятнее, о чем речь:

    Между прочим, если вас интересует m-admin.ru, посмотрите сюда.

    Вот, делюсь ссылкой:

    [url=https://m-admin.ru]https://m-admin.ru[/url]

    Если у вас есть что добавить, не стесняйтесь.

  2. rusham says:

    Вот здесь подробно расписано, как это сделать:

    По теме “all-hotels-online.ru”, есть отличная статья.

    Смотрите сами:

    [url=https://all-hotels-online.ru]https://all-hotels-online.ru[/url]

    Спасибо, что дочитали до конца.

  3. Janetjep says:

    Any topic of the forum, whether it’s discussing gadgets, tips for parents, technical details, or just sharing experiences, shows that we all strive to make our lives more comfortable and reliable. Every decision made, whether it’s a new purchase or an organizational approach, is based on analysis, comparisons, and attempts to improve the familiar reality. It is important not only to strive for efficiency, but also to find solutions that will ensure long-term results, eliminate constant hassle and unforeseen situations.

    A special place in such life hacks is occupied by water supply: after all, without a stable resource, everything else loses its meaning. Drilling a well is a step that combines modern technology and concern for the future of the family. It is an investment in reliability, autonomy and confidence, independent of external factors. If you have been thinking about upgrading your site for a long time, start with general fundamental issues, and a water well will become the basis that will allow you to implement any projects easily and without downtime.

  4. rusham says:

    Долго искал решение и наконец-то нашел:

    По теме “cyq.ru”, там просто кладезь информации.

    Вот, можете почитать:

    [url=https://cyq.ru]https://cyq.ru[/url]

    Буду следить за обсуждением.

Αφήστε μια απάντηση

Η ηλ. διεύθυνση σας δεν δημοσιεύεται. Τα υποχρεωτικά πεδία σημειώνονται με *