Вопрос Font awesome в навигации форума

Статус
Закрыто для дальнейших ответов.

LordGusli

Проверенный
Регистрация
21.12.22
Сообщения
34
Реакции
4
Баллы
20
Приветствую всех! Возник вопрос: как добавить иконки font awesome в созданные мною разделы навигации:
У вас нет прав на просмотр содержимого спойлера, Войдите или Зарегистрируйтесь

Может есть какой-либо плагин, либо если покопаться в extra что-то да и получится? Заранее благодарю за отзывчивость​
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 412
Решения
9
Реакции
1 139
Баллы
85
Версия движка какая?
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 412
Решения
9
Реакции
1 139
Баллы
85
Для удобства, что бы не искать id пункта, заходим в пункт меню и в Дополнительных атрибутах присуждаем класс пункту:
2023-04-03_085526.png
название класса берем свое. Потом в extra.less:
Less:
.p-navEl-link {
    &:before {
        .m-faBase();
        margin-right: 3px;
    }
    &.forums {
        .m-faBefore(@fa-var-info-circle);
    } 
}
Иконки выбираем здесь Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome, берем ее название
2023-04-03_085858.png
и после @fa-var- изменяем
 

LordGusli

Проверенный
Регистрация
21.12.22
Сообщения
34
Реакции
4
Баллы
20
Для удобства, что бы не искать id пункта, заходим в пункт меню и в Дополнительных атрибутах присуждаем класс пункту:
Посмотреть вложение 1181
название класса берем свое. Потом в extra.less:
Less:
.p-navEl-link {
    &:before {
        .m-faBase();
        margin-right: 3px;
    }
    &.forums {
        .m-faBefore(@fa-var-info-circle);
    }
}
Иконки выбираем здесь Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome, берем ее название
Посмотреть вложение 1182
и после @fa-var- изменяем
Спасибо! Буду пробовать
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 412
Решения
9
Реакции
1 139
Баллы
85
Следующий пункт добавляется так:
Less:
.p-navEl-link {
    &:before {
        .m-faBase();
        margin-right: 3px;
    }
    &.forums {
        .m-faBefore(@fa-var-info-circle);
    }
    &.newitem {
        .m-faBefore(@fa-var-wrench);
    }  
}
 

LordGusli

Проверенный
Регистрация
21.12.22
Сообщения
34
Реакции
4
Баллы
20
1680502680952.png
Всё отлично получилось) Спасибо большое
 
Статус
Закрыто для дальнейших ответов.
Верх Низ