- 20.06.2022
- 28 489
- 235
- 36
- Награды
- 10
- Пол
- Муж.
- Автор темы
- Администратор
- Модератор
- Команда форума
-
- #1
Чтобы добавить иконку перед текстом в пользовательском баннере (.uB), нужно внести правки в extra.less.
Код:
.uB {
strong:before {
.m-faBase(); // Базовая настройка FA
margin-right: 3px; // Отступ справа от иконки
}
Код:
&.uB--staff { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--primary { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--accent { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--red { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--green { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--olive { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--lightGreen { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--blue { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--royalBlue { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--skyBlue { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--gray { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--silver { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--yellow { strong { .m-faBefore(@fa-var-user-circle); } }
&.uB--orange { strong { .m-faBefore(@fa-var-user-circle); } }
}
- Иконку @fa-var-user-circle можно заменить на любую другую из официального каталога Font Awesome 5.
- Используйте только название переменной — например, @fa-var-shield-alt для щита.
Последние темы в этом разделе:
- Анимированные баннеры групп в XenForo
- Контакты в дополнительных полях тем (Telegram, VK, OK) в xenForo
- Подпись в адаптивном дизайне xenForo
- Как создать кастомный HTML-виджет в XenForo
- Добавляем анимированную иконку перед именем пользователя в xenforo
- [Xenforo] Все баннеры Rodina UNIT
- [Xenforo] Красивые баннеры Аризона РП
- [Xenforo]баннеры Drive Russia
- [Xenforo] Все префиксы Drive Russia
- [Xenforo] Все баннеры Arizona RP