LESS для Font Awesome в баннер и перед ником.

XenForo LESS для Font Awesome в баннер и перед ником.

  • Автор темы Автор темы XStyle
  • Дата начала Дата начала

XStyle

Администратор

Репутация:

Регистрация
03.06.21
Сообщения
579
Реакции
327
  • Меценат
  • Автор темы
  • Администратор
  • Модератор
  • Персонал форума
  • #1
Volshebnik разместил(а) новый ресурс:

LESS для Font Awesome в баннер и перед ником. - Как вставить иконки перед ником и названием группы.

Собрал в кучу коды less для прикручивания иконок.
Делаем иконку перед названием группы в баннере. В extra.less пишем:
Less:
Expand Collapse Copy
.userBanner--before (@bannerStyle; @content) {
    .userBanner {
        &.@{bannerStyle} {
            strong {
                &:before {
                    content: "\@{content}";
                }
            }
        }
    }
}

.userBanner {
    strong {
        &:before {
            font-family: "FontAwesome";
            padding-right: 3px;
        }...

Посмотреть страницу этого ресурса...
 
Назад
Верх Низ