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]

139.201 thoughts on “Shortcode – UX Banner grid”

  7. rusham says:

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

    Особенно понравился раздел про travelmontenegro.ru.

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

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

    Что думаете по этому поводу?

    Απάντηση
  22. rusham says:

    Вот, что говорят эксперты по этому поводу:

    Хочу выделить материал про pro-zenit.ru.

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

    [url=https://pro-zenit.ru]https://pro-zenit.ru[/url]

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

    Απάντηση
  37. RaymondPriex says:

    והיא מתנשקת איתו ומאוננת לו מול פקודיה. מרינה הלכה לשולחן כשנתן התחיל לעסות את התחת שלה. האישה הכל ונראה שהוא אפילו האט כשהוא עובר. הסתכלתי עליו ועיצבתי פרצוף מרושע, מנופף בראשי כדי שיעזוב. full post

    Απάντηση
  44. RamonQuoff says:

    Hallo du Gartenmensch! Wenn du Erde zwischen den Fingern spurst und der Duft von frisch gemahtem Gras dich lacheln lasst – dann bist du hier richtig. https://das-gardena.de/ gibt dir alles, was dein Gartenherz braucht: smarte Bewasserung, starke Maher, feine Werkzeuge. Nicht laut, nicht ubertrieben – einfach stimmig, durchdacht, gut. Ein echter Begleiter, der deinen Garten liebt wie du.

    Απάντηση

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

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