Иконки Font Awesome Icons в панель навигации

thmn8

Администратор
Сообщения
1 472
Реакции
311
Сайт
tehadm.ru
Данная модификация добавляет иконки Font Awesome Icons в панель навигации.

Добавляем в шаблон extra.less:
Код:
// Иконки для панели навигации
.p-navEl a::before{
    font-family: 'Font Awesome 5 Pro';
    padding-right: 5px;
}

.p-navEl a[data-nav-id="home"]::before{content: "\f015";}
.p-navEl a[data-nav-id="forums"]::before{content: "\f27a";}
.p-navEl a[data-nav-id="whatsNew"]::before{content: "\f0e7";}
.p-navEl a[data-nav-id="xfmg"]::before{content: "\f030";}
.p-navEl a[data-nav-id="xfrm"]::before{content: "\f019";}
.p-navEl a[data-nav-id="members"]::before{content: "\f0c0";}
.p-navEl a[data-nav-id="newPosts"]::before{content: "\f005";}
.p-navEl a[data-nav-id="findThreads"]::before{content: "\f00e";}
.p-navEl a[data-nav-id="watched"]::before{content: "\f06e";}
.p-navEl a[data-nav-id="searchForums"]::before{content: "\f002";}
.p-navEl a[data-nav-id="markForumsRead"]::before{content: "\f070";}

Получается вот такая красотища:
Screenshot_2.png
 
Добавил себе))
Font Awesome Icons часто использую даже на pet проектах (y)
 
Назад
Верх Низ