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

[LordGusli]

Приветствую всех! Возник вопрос: как добавить иконки font awesome в созданные мною разделы навигации:

Навигация

У вас нет прав на просмотр содержимого спойлера, Войдите или Зарегистрируйтесь

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

 

[Skaiman]

Версия движка какая?

 

[LordGusli]

Версия движка какая?

2.2.12

 

[Skaiman]

Для удобства, что бы не искать id пункта, заходим в пункт меню и в Дополнительных атрибутах присуждаем класс пункту:

название класса берем свое. Потом в extra.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, берем ее название

и после @fa-var- изменяем

 

[LordGusli]

Для удобства, что бы не искать id пункта, заходим в пункт меню и в Дополнительных атрибутах присуждаем класс пункту:
Посмотреть вложение 1181
название класса берем свое. Потом в extra.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]

Следующий пункт добавляется так:

.p-navEl-link {
    &:before {
        .m-faBase();
        margin-right: 3px;
    }
    &.forums {
        .m-faBefore(@fa-var-info-circle);
    }
    &.newitem {
        .m-faBefore(@fa-var-wrench);
    }  
}

 

[LordGusli]

Всё отлично получилось) Спасибо большое