Перейти к содержанию

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


Рекомендуемые сообщения

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

Спойлер

375189805_.thumb.png.a16dd7724804ca158773f641b2369f05.png

 

Изменено пользователем Dusty
Ссылка на комментарий
Поделиться на другие сайты

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

 

Изменено пользователем ZIKURIK
Ссылка на комментарий
Поделиться на другие сайты

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

 

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

Ссылка на комментарий
Поделиться на другие сайты

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

 

Изменено пользователем ZIKURIK
Ссылка на комментарий
Поделиться на другие сайты

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 в статье )

Ссылка на комментарий
Поделиться на другие сайты

2 часа назад, Dusty сказал:

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

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

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...