Добавление иконок Font Awesome в верхнее меню

[TwiX]

TwiX добавил(а) новый ресурс:

Добавление иконок Font Awesome в верхнее меню - Добавление иконок Font Awesome в верхнее меню

Добавляем шаблон extra.less.

.p-navEl-link[data-nav-id="members"]:before {
    padding: 4px;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0c0";
}
.p-navEl-link[data-nav-id="whatsNew"]:before {
padding: 4px;
font: normal normal normal 14px/1 FontAwesome;
content: "\f1d7";
}
.p-navEl-link[data-nav-id="home"]:before {
padding: 4px;
font: normal normal normal 14px/1 FontAwesome;
content: "\f046";
}

.p-navEl-link[data-nav-id="forums"]:before {
padding...

Узнать больше об этом ресурсе...

 

[SkyLoKi]

Не знаю на сколько приемлимо то, как я переписал. Но, возможно, так будет лучше (в том плане, что используется less)

.p-navEl-link
{
    &:before
    {
        padding: 4px;
        font: normal normal normal 14px/1 FontAwesome;
    }

    &[data-nav-id="home"]:before
    {
        content: "\f046";
    }
    &[data-nav-id="forums"]:before
    {
        content: "\f129";
    }
    &[data-nav-id="whatsNew"]:before {
        content: "\f1d7";
    }
    &[data-nav-id="members"]:before {
        content: "\f0c0";
    }
}

 

[Mirovinger]

TwiX обновил(а) ресурс Добавление иконок Font Awesome в меню верхнее новой записью:

Оптимизация

Добавлены новые вкладки
Оптимизация и упрощения, благодарим пользователя SkyLoKi

Узнать больше об этом обновлении...

 

[RealKot]

Для подменю:

.p-navEl-link{                             
    &:before{padding-right:5px;font-family: FontAwesome;content: "\f29c";}             
    &[data-nav-id="home"]{&:before{content: "\f015";}}
    &[data-nav-id="forums"]{&:before{content: '\f0e6';}}
    &[data-nav-id="whatsNew"]{&:before{content: '\f128';}}
    &[data-nav-id="members"]{&:before{content: '\f0c0';}}
    &[data-nav-id="xfrm"]{&:before{content: '\f019';}}
    &[data-nav-id="xfmg"]{&:before{content: '\f030';}}
    &[data-nav-id="newPosts"]{&:before{content: '\f06d';}}
    &[data-nav-id="findThreads"]{&:before{content: '\f00e';}}
    &[data-nav-id="searchForums"]{&:before{content: '\f002';}}
    &[data-nav-id="markForumsRead"]{&:before{content: '\f070';}}
    &[data-nav-id="whatsNewPosts"]{&:before{content: '\f0f6';}}
    &[data-nav-id="xfrmNewResources"]{&:before{content: '\f019';}}
    &[data-nav-id="whatsNewProfilePosts"]{&:before{content: '\f040';}}
    &[data-nav-id="whatsNewNewsFeed"]{&:before{content: '\f09e';}}
    &[data-nav-id="latestActivity"]{&:before{content: '\f005';}}
    &[data-nav-id="xfrmLatestReviews"]{&:before{content: '\f091';}}
    &[data-nav-id="xfrmYourResources"]{&:before{content: '\f0ed';}}
    &[data-nav-id="xfrmWatched"]{&:before{content: '\f0a7';}}
    &[data-nav-id="xfrmSearchResources"]{&:before{content: '\f002';}}
    &[data-nav-id="currentVisitors"]{&:before{content: '\f234';}}
    &[data-nav-id="newProfilePosts"]{&:before{content: '\f040';}}
    &[data-nav-id="searchProfilePosts"]{&:before{content: '\f21b';}}
}

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

. Возможно в самом ресурсе полнее, но нет доступа :(

 

[TwiX]

TwiX обновил(а) ресурс Добавление иконок Font Awesome в верхнее меню новой записью:

Добавление иконок Font Awesome для подменю

.p-navEl-link{                             
    &:before{padding-right:5px;font-family: FontAwesome;content: "\f29c";}             
    &[data-nav-id="home"]{&:before{content: "\f015";}}
    &[data-nav-id="forums"]{&:before{content: '\f0e6';}}
    &[data-nav-id="whatsNew"]{&:before{content: '\f128';}}
    &[data-nav-id="members"]{&:before{content: '\f0c0';}}
    &[data-nav-id="xfrm"]{&:before{content: '\f019';}}
    &[data-nav-id="xfmg"]{&:before{content: '\f030';}}...

Узнать больше об этом обновлении...

 

[hirowatch]

При активной вкладке можно отключить иконку?