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

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

вопрос

Здравствуйте! Нужно вывести публикации блоками в ряд к примеру 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

Mr_Matrix | Почему новость отображается в любой кате ... ¹

Mr_Matrix
Почему новость отображается в любой категории даже если набрать каракули?
Вчера, 17:27

Благодарю!
TeraMoune | Почему новость отображается в любой кате ...

TeraMoune
Почему новость отображается в любой категории даже если набрать каракули?
Вчера, 17:19

Включить "Обрабатывать неверные URL ЧПУ" в настройках движка в категории "Общие"
rytis.arkusauskas | Плагин - Вывод статистики в main.tpl ¹³

rytis.arkusauskas
Плагин - Вывод статистики в main.tpl
21-01-2025, 14:39

можете ли вы обновить код
jony_loka | Как обнулить/почистить рейтинг комментар ... ³

jony_loka
Как обнулить/почистить рейтинг комментариев?
19-01-2025, 21:04

Да всё получилось, спасибо!
TeraMoune | Как обнулить/почистить рейтинг комментар ... ³

TeraMoune
Как обнулить/почистить рейтинг комментариев?
19-01-2025, 20:18

Все запросы разделяются знаком ;
jony_loka | Как обнулить/почистить рейтинг комментар ... ³

jony_loka
Как обнулить/почистить рейтинг комментариев?
19-01-2025, 19:48

получил ошибку #1064 - У вас ошибка в запросе. Изучите документацию по используемой версии MariaDB на предмет корректного синтаксиса около 'TRUNCATE `dle_comment_rating_log`' на строке 2
TeraMoune | Как обнулить/почистить рейтинг комментар ...
TeraMoune
Как обнулить/почистить рейтинг комментариев?
19-01-2025, 17:20
Выполнить SQL запросы
```
UPDATE `dle_comments` SET `rating`='0',`vote_num`='0';
TRUNCATE `dle_comment_rating_log`;
```
SanekFisherman | Как найти и удалить фотографии, которые ... ²

SanekFisherman
Как найти и удалить фотографии, которые остались после удаления публикаций?
18-01-2025, 17:38

Ничего не имеется, никогда никаких модулей сторонних по загрузке фотографий не было и нет. Что и где сломалось не знаю... Копаю пока руками.
raimikmb | Как вывести тег raimikmb в main.tpl? ⁷

raimikmb
Как вывести тег raimikmb в main.tpl?
18-01-2025, 16:41

Все получилось ) добавил после } elseif ($key == "url") { и все заработало!
Спасибо тебе. Чуть позже напишу в телегу и отправлю шоколадку ;)
raimikmb | Как вывести тег raimikmb в main.tpl? ⁷

raimikmb
Как вывести тег raimikmb в main.tpl?
18-01-2025, 16:25

engine/engine.php

перед } elseif ($key == "description") {

добавил:

} elseif ($key == "author") {
$meta->meta('autor', $value);

engine/modules/show.full.php

$social_tags['url'] = $canonical;

добавил ниже:

$social_tags['author'] = $row['autor'];