Гирлянды в сайдбаре

Гирлянды в сайдбаре 2.2.0

Нет прав для скачивания
Совместимость с XenForo
  1. 2.0
  2. 2.1
  3. 2.2
Решил уже за одно и для сайдбара перенести пару плюшек - Новогодние шары в сайдбаре и не только.
Набросал небольшую функцию (миксин), которая позволит простым указанием нужной цифры, установить определённую гирлянду, на данный момент их три.
Нумерацию и скрин не делал, благо при желании сами выберите нужный использовав код.

Что бы всё это заработало, достаточно добавить в extra.less, такой код и загрузить содержимое из каталога upload.
Less:
// xf2 Sidebar Garlands ===================================================================================

.fox-sidebarGarlands(@garlandsNum: false) {

    @fox-sidebarGarlandsPath: "/styles/xfi/sidebarGarlands";

    .p-body-sidebar {
        .block {
            &:before {
                content: "";
                display: block;
              
                & when not (@garlandsNum = false) and (@garlandsNum <= 1) {
                    background: url('@{fox-sidebarGarlandsPath}/sidebar_garlands_@{garlandsNum}.png') repeat scroll left transparent;
                    height: 25px;
                }

                & when not (@garlandsNum = false) and (@garlandsNum >= 2) and (@garlandsNum <= 3) {
                    background: url('@{fox-sidebarGarlandsPath}/sidebar_garlands_@{garlandsNum}.png') no-repeat transparent;
                    height: 37px;
                }
            }
        }
    }
}

.fox-sidebarGarlands(3);

Где в миксине .fox-sidebarGarlands(3);, цифра 3, это порядковый номер картинки гирлянды, который как раз и можно изменить от одного до трёх.

Один из примеров на скрине ниже.
1607986003466.png
Автор
Mirovinger
Скачивания
96
Просмотры
2,382
Первый выпуск
Обновление
Оценка
0.00 звёзд 0 оценок

Другие ресурсы пользователя Mirovinger

Поделиться ресурсом

Назад
Сверху Снизу