Jump to content

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

Featured Replies

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

Спойлер

375189805_.thumb.png.a16dd7724804ca158773f641b2369f05.png

 

Edited by Dusty

Link to comment
https://ipbmafia.ru/topic/24315-kak-realizovat-vot-eto/
Share on other sites

при помощи 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

Link to comment
https://ipbmafia.ru/topic/24315-kak-realizovat-vot-eto/?&do=findComment&comment=179859
Share on other sites
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

 

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

Link to comment
https://ipbmafia.ru/topic/24315-kak-realizovat-vot-eto/?&do=findComment&comment=179866
Share on other sites
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

Link to comment
https://ipbmafia.ru/topic/24315-kak-realizovat-vot-eto/?&do=findComment&comment=179880
Share on other sites
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 в статье )

Link to comment
https://ipbmafia.ru/topic/24315-kak-realizovat-vot-eto/?&do=findComment&comment=179891
Share on other sites
2 часа назад, Dusty сказал:

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

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

Link to comment
https://ipbmafia.ru/topic/24315-kak-realizovat-vot-eto/?&do=findComment&comment=179898
Share on other sites

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
Ответить в этой теме...

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

  • No registered users viewing this page.