Рамки для группы пользователя 🤟

[nixilingВерифицированный профиль]

Как добавить рамку к аватару​

Приветствую! Сегодня мы разберём, как установить рамку для аватара пользователя на вашем форуме.

1. Установка необходимых плагинов​

Для начала вам потребуется скачать и установить два дополнения:

• Usergroup Avatar
• XTR User Group Avatar Frame

2. Добавление кода​

После установки плагинов перейдите в админ-панель и найдите шаблон extra.less. Вставьте в него следующий CSS-код:

.userAvatarGroup(@groupid, @groupimg) {
    .avatar {
        position: relative;
        &.avatar-group-id--@{groupid} {
            &:after {
                content: "";
                width: 115%;
                height: 115%;
                display: block;
                position: absolute;
                background: url('@{groupimg}') center / contain;
                z-index: 5;
            }
        }
    }
}

.userAvatarGroup(3, 'ССЫЛКА_НА_ВАШУ_РАМКУ');

.avatar {
  border-radius: 0px;
  z-index: 0;
  overflow: visible !important;
}

3. Настройка под ваши группы​

В примере выше:
• Цифра 3 — это ID группы пользователей, для которой применяется рамка.
• 'ССЫЛКА_НА_ВАШУ_РАМКУ' — замените на прямую ссылку на изображение рамки.

Чтобы добавить рамки для других групп, просто добавьте после основного кода строки по аналогии:

.userAvatarGroup(5, 'ССЫЛКА_НА_РАМКУ_ДЛЯ_ГРУППЫ_5');
.userAvatarGroup(7, 'ССЫЛКА_НА_РАМКУ_ДЛЯ_ГРУППЫ_7');

Убедитесь, что код

.avatar {
border-radius: 0px;
z-index: 0;
overflow: visible !important;
}

указан в каждой новой рамки в конце.
Готово! Теперь пользователи из указанных групп будут видеть свои аватары с выбранными рамками.

Спойлер: Результат

 

[TwixCoreВерифицированный профиль]

ЯРИК КРАСАВА БРАТАН

 

[nixilingВерифицированный профиль]

Приложу пару ссылок на рамки!
1. Рамка:

Ссылка: Тыкай

---

2. Рамка:

Ссылка: Тыкай

---

3. Рамка:

Ссылка: Тыкай

---

Чуть позже буду добавлять еще сюда ссылок на рамки.
Вас перекинет на страницу с рамкой вы просто копируете адрес который вверху

 

[con]

Как добавить рамку к аватару​

Приветствую! Сегодня мы разберём, как установить рамку для аватара пользователя на вашем форуме.

1. Установка необходимых плагинов​

Для начала вам потребуется скачать и установить два дополнения:

• Usergroup Avatar
• XTR User Group Avatar Frame

2. Добавление кода​

После установки плагинов перейдите в админ-панель и найдите шаблон extra.less. Вставьте в него следующий CSS-код:

.userAvatarGroup(@groupid, @groupimg) {
    .avatar {
        position: relative;
        &.avatar-group-id--@{groupid} {
            &:after {
                content: "";
                width: 115%;
                height: 115%;
                display: block;
                position: absolute;
                background: url('@{groupimg}') center / contain;
                z-index: 5;
            }
        }
    }
}

.userAvatarGroup(3, 'ССЫЛКА_НА_ВАШУ_РАМКУ');

.avatar {
  border-radius: 0px;
  z-index: 0;
  overflow: visible !important;
}

3. Настройка под ваши группы​

В примере выше:
• Цифра 3 — это ID группы пользователей, для которой применяется рамка.
• 'ССЫЛКА_НА_ВАШУ_РАМКУ' — замените на прямую ссылку на изображение рамки.

Чтобы добавить рамки для других групп, просто добавьте после основного кода строки по аналогии:

.userAvatarGroup(5, 'ССЫЛКА_НА_РАМКУ_ДЛЯ_ГРУППЫ_5');
.userAvatarGroup(7, 'ССЫЛКА_НА_РАМКУ_ДЛЯ_ГРУППЫ_7');

Убедитесь, что код

указан в каждой новой рамки в конце.
Готово! Теперь пользователи из указанных групп будут видеть свои аватары с выбранными рамками.

Спойлер: Результат

Посмотреть вложение 1606

Имба бро, честно в первые вижу данный форум

 

[nixilingВерифицированный профиль]

Имба бро, честно в первые вижу данный форум

тогда с радостью предлагаю тебе здесь остаться!