Как вывести публикации блоками разной высоты с обтеканием по всем сторонам?

SanSanek 22.04.2020 Все вопросы » Общие вопросы по вёрстке 788

вопрос

Здравствуйте! Нужно вывести публикации блоками в ряд к примеру 4шт и в высоту например 5шт. При всём этом высота блоков разная, в зависимости от количества символов в кратком описании. На картинке пример как надо чтоб было.

Ответа пока нет

6 комментариев

Юзер

697

maks - 2019-08-1822 апреля 2020 22:00 - #75703

Masonry и тп

Юзер

SanSanek - 2019-08-1823 апреля 2020 21:31 - #75731

Спасибо, слышал раньше про Masonry, но казалось сложно сделать. Теперь сделал, вроде всё нормально, но только навигация вверху сейчас расположена, а надо внизу. Не подскажите как сделать?

Юзер

697

maks - 2019-08-1823 апреля 2020 22:28 - #75733

Если используется imagesLoaded, то примерно так:

$(document).ready( function() {
$('#dle-content').imagesLoaded(function() {
  var msnry = {
    itemSelector: '.boxx',
  }
  var $grid = $('#dle-content').masonry( msnry );  
  }); 
});

class="boxx" и shortstory и navigation

А navigation наверное придется сделать style="width: 100%"

Юзер

SanSanek - 2019-08-1826 апреля 2020 16:03 - #75780

Спасибо большое!

Юзер

cortin - 2019-08-1823 апреля 2020 13:04 - #75715

https://codepen.io/katydecorah/pen/bf135052ccec2dbb5a5c937d3b3fc5d6 no tam mozno 4 kolonki propisatj

Юзер

697

maks - 2019-08-1823 апреля 2020 22:14 - #75732

SanSanek,
Сделайте navigation.tpl также как shortstory.tpl

LMakc | Заказ шаблона! ¹

LMakc
Заказ шаблона!
2-01-2026, 23:27

Написал в телегу
rewenas | Input как обрезать часть ссылки ? ²
rewenas
Input как обрезать часть ссылки ?
30-12-2025, 12:33
Но JS же можно обойти просто отключив его на этом сайте. Лучше делать через PHP наверное. В файле php который работает с этим input и который получает эту ссылку:
```
$url = $_POST['url'] ?? '';
$url = preg_replace('/\?ref=\d+$/', '', $url);
```
web102 | Input как обрезать часть ссылки ? ²
web102
Input как обрезать часть ссылки ?
28-12-2025, 15:56
```
document.querySelector('#input').addEventListener('input', function() {
	this.value = this.value
		.replace(/(\?|&)ref=\d+/i, '')
		.replace(/[?&]$/, '');
})
```
где #input id вашего input
byroot | DLE не создает бэкап с админки сайта, ка ... ¹

byroot
DLE не создает бэкап с админки сайта, как быть?
14-12-2025, 07:43

Здесь наверное нужно смотреть логи сервера, будет более понятно что это может быть.
Или как альтернативы бекапов БД: Adminer / Sypex dumper / phpmyadmin / в панели управления сервером...
rewenas | Кнопка "Добавить избранное" ? ²

rewenas
Кнопка "Добавить избранное" ?
8-12-2025, 12:45

Если это происходит в шаблоне полной новости то смотрите не подключен ли шаблон в котором располагается тег добавления в избранное в другом шаблоне через {include ...}
TeraMoune | как в dle возвращает select в value из { ... ¹

TeraMoune
как в dle возвращает select в value из {category} ?
7-12-2025, 23:06

Ну вот через тег оно и передаёт. Тег формирует разметку с соответствующими выборками если они есть.
byroot | Кнопка "Добавить избранное" ? ²

byroot
Кнопка "Добавить избранное" ?
5-12-2025, 17:45

Попробуй плагин от Сандера https://sandev.pro/web/145-dle-favorites-by-sander.html
Webtango | DLE видеоплеер выходит за границы.Как по ...

Webtango
DLE видеоплеер выходит за границы.Как поправить?
5-12-2025, 11:32

Помогло проблема решена!
Webtango | DLE видеоплеер выходит за границы.Как по ... ⁵

Webtango
DLE видеоплеер выходит за границы.Как поправить?
5-12-2025, 11:31

vitnet,Помогло проблема решена!
deadluk | Выбор несколько категорий для пользовате ... ³

deadluk
Выбор несколько категорий для пользователей на dle ?
1-12-2025, 18:36

по новую версию не пойдёт. сейчас модули с нуля переписывает, но это всё оч долго идёт. и модуль этот не самый первый в списке