1. Приветствуем Вас на нашем закрытом форуме для складчиков сайта cmsheaven.org. Если Вы частный вебмастер, фрилансер, владелец малого или среднего бизнеса, представитель студии по разработке сайтов - будем рады видеть Вас в наших рядах экономных людей.
    Регистрация на форуме возможна только после вступления в складчину

Доработка модуля Top Members для JomSocial 4 - отображение пользователей колонками

Тема в разделе "Инструкции и мануалы", создана пользователем Подушка, 3 май 2015.

  1. Подушка

    Подушка Опытный складчик

    Регистрация:
    9 окт 2014
    Сообщения:
    107
    Симпатии:
    17
    Ниже приведено простое решение по корректировке модуля JS Top Members для JomSocial 4, который отображает лучших пользователей (их аватары, имена и карму/рейтинг на выбор).

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

    [​IMG]

    Достаточно отредактировать необходимый CSS-файл, добавив в него примерно следующее:

    Код:
    .js-top-users-custom{
    padding: 6px;
    width: 30%;
    float: left;
    list-style: none;
    min-height: 78px;}
    
    @media (max-width: 640px) {
    .js-top-users-custom{
    width: 40%;}
    }
    
    @media (max-width: 480px) {
    .js-top-users-custom{
    width: 98%;}
    }
    Например, можно откорректировать файл components/com_community/templates/jomsocial/scss/style.scss , после чего в настройках JomSocial > Theme Designer > Colors нажать кнопку Save и обновить кеш браузера.

    Такой модуль можно добавить, например, на странице JomSocial "All Members" (Все пользователи / онлайн пользователи), чтобы выделить наиболее активных. Вот пример http://crimson-land.ru/dating
    #1
    kolorit нравится это.