• Автор:

    Flesha
  • Добавлено:

    мар 16, 2014
  • Комментариев:

    4
  • Просмотров:

    2665

Хак Masonry

Хак Masonry

В этой статье рассказывается как правильно использовать Masonry, на своем сайте. В этом пользователю Gameer помог Sander.

Что же такое Masonry - это javascript? Это библиотека для создания мозаики, или что-то в этом вроде. Он работает за счет размещения элементов в оптимальной позиции, на основе имеющейся вертикального пространства.

И так приступим:
Качаем Masonry. Кидаем скрипт в папку js и подключаем его:
<script src="{THEME}/js/masonry.pkgd.min.js"></script>


Открываем файл engine/modules/show.short.php находим:
$db->free( $sql_result );


После вставить:
$tpl->result['content'] = "<div id=\"container\" class=\"js-masonry\" data-masonry-options='{ \"columnWidth\": 200, \"itemSelector\": \".item\" }'>>".$tpl->result['content']."</div>";


Теперь о настройках:
columnWidth: 200 - это ширина блока. Настраиваем под себя.
itemSelector: .item - это класс блока который начинается в short-story.tpl к примеру у меня он такой
Хак Masonry


и вместо item ставлю block_news

Скачать Masonry последней версии можно всегда здесь.

Установка завершена, настройки сделаны. Больше никаких действий не нужно и css кода писать тоже.

Версия DLE: 9.x - 10.x
Авторы: Gameer & Sander
Вернуться

Комментарии:


  1. qwerty → 17 марта 2014 01:38
    Как продвинутый юзер говорю....
    ниху... не понял, ни одного слова. Что это? для чего это? в данном хаке вижу смысл забить сайт какой то херней по имени N/A в довесок добавить странице пару КB неизвестного кода.

    Переведите пожалуйста на русский и понятным языком.
  2. Gameer → 17 марта 2014 23:48
    Цитата: qwerty
    Как продвинутый юзер говорю....
    ниху... не понял, ни одного слова. Что это? для чего это? в данном хаке вижу смысл забить сайт какой то херней по имени N/A в довесок добавить странице пару КB неизвестного кода.

    Переведите пожалуйста на русский и понятным языком.

    продвинутый юзер поймет что это, а ты точно не продвинутый. Посмотри что такое Masonry! И будешь знать для чего это.
  3. konak → 21 марта 2014 11:34
    Если писать простым языком, этот скрипт нужен для того чтобы, картинки или сами блоки, можно будет оформить и они как бы строят мозаику, ну в смысле разные картинки, блоки будут автоматически подстраиватся под ваш контент. Очень нужный скрипт. Можно на нем сделать классный фото галарею, и можно не думать про размеры картинок, они сами будуть распологатся друг за другом делая мозаику
  4. vit474 → 28 декабря 2014 19:59
    Цитата: Gameer
    Цитата: qwerty

    Переведите пожалуйста на русский и понятным языком.

    продвинутый юзер поймет что это, а ты точно не продвинутый. Посмотри что такое Masonry! И будешь знать для чего это.


    Будьте проще и люди потянутся к Вам
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.