Jump to content

Как реализовать вот это

Dusty
Dusty
in Invision Community 4 Support

Featured Replies

Posted
comment_179858

Здравствуйте, спрошу еще раз вас  , кто может помочь с этой реализации с плагинами как на скриншоте?(имею виду сделать так же оба блока на одном уровне)

Спойлер

375189805_.thumb.png.a16dd7724804ca158773f641b2369f05.png

 

Edited by Dusty

  • Цитата
    comment_179859

    при помощи flex например 

    .cWidgetContainer[data-widgetarea="footer"] .ipsList_reset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cWidgetContainer[data-widgetarea="footer"] .ipsList_reset li {
    flex-basis: 100%;
}
.cWidgetContainer[data-widgetarea="footer"] .ipsList_reset li:nth-child(-n+2) {
    flex-basis: calc(50% - 5px);
}

     

    Спойлер

    554588227__2022-04-13_231759820.thumb.png.c985f29144c42d83d5d63b5d88bd266f.png

     

    Edited by ZIKURIK

  • Цитата
    • Author
    comment_179866
    8 часов назад, ZIKURIK сказал:

    при помощи flex например 

    .cWidgetContainer[data-widgetarea="footer"] .ipsList_reset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cWidgetContainer[data-widgetarea="footer"] .ipsList_reset li {
    flex-basis: 100%;
}
.cWidgetContainer[data-widgetarea="footer"] .ipsList_reset li:nth-child(-n+2) {
    flex-basis: calc(50% - 5px);
}

     

      Показать контент

    554588227__2022-04-13_231759820.thumb.png.c985f29144c42d83d5d63b5d88bd266f.png

     

    А как сделать так чтоб статистика форума была сверху а эти два блока были под ними ? 

  • Цитата
    comment_179880
    6 часов назад, Dusty сказал:

    А как сделать так чтоб статистика форума была сверху а эти два блока были под ними ? 

    При помощи order, 1 для всех блоков 

    .cWidgetContainer[data-widgetarea="footer"] .ipsList_reset li {
    order: 1;
    flex-basis: 100%;
}

    а для нужного блока nth-child(4) - 0 

    .cWidgetContainer[data-widgetarea="footer"] .ipsList_reset li:nth-child(4) {
    order: 0;
}

     

    Спойлер

    157087906__2022-04-14_141147366.thumb.png.f92a8a872db0fe9fe844ed5860d3f1f2.png

     

    Edited by ZIKURIK

  • Цитата
    • Author
    comment_179891
    2 часа назад, ZIKURIK сказал:

    При помощи order, 1 для всех блоков 

    .cWidgetContainer[data-widgetarea="footer"] .ipsList_reset li {
    order: 1;
    flex-basis: 100%;
}

    а для нужного блока nth-child(4) - 0 

    .cWidgetContainer[data-widgetarea="footer"] .ipsList_reset li:nth-child(4) {
    order: 0;
}

     

      Показать контент

    157087906__2022-04-14_141147366.thumb.png.f92a8a872db0fe9fe844ed5860d3f1f2.png

     

    Спасибо, помог ) PS предлагаю добавить как faq в статье )

  • Цитата
    comment_179898
    2 часа назад, Dusty сказал:

    Спасибо, помог ) PS предлагаю добавить как faq в статье )

    там весь его мозг можно использовать как туториал 

  • Цитата

    • Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.