Моды 2.0.x Добавление иконок Font Awesome в верхнее меню

DOWNLOAD

Сообщения
158
Симпатии
16
Баллы
18
#1
Для тех стилей у которых нет иконок по умолчанию, добавляем в шаблон extra.less
Так:
Код:
.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: 4px;
font: normal normal normal 14px/1 FontAwesome;
content: "\f129";
}
.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="members"]:before {
    padding: 4px;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0c0";
}
Или так:
Код:
.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";
    }
}
 
Последнее редактирование:

DOWNLOAD

Сообщения
158
Симпатии
16
Баллы
18
#2
Всё туда же в extra.less

Для галереи:
Код:
.p-navEl-link[data-nav-id="xfmg"]:before {
padding: 4px;
font: normal normal normal 14px/1 FontAwesome;
content: "\f046"; /*свою иконку вставите потом*/
}
Для ресурсов:
Код:
.p-navEl-link[data-nav-id="xfrm"]:before {
padding: 4px;
font: normal normal normal 14px/1 FontAwesome;
content: "\f046"; /*свою иконку вставите потом*/
}
Для чата:
Код:
.p-navEl-link[data-nav-id="siropuChat"]:before {
padding: 4px;
font: normal normal normal 14px/1 FontAwesome;
content: "\f046"; /*свою иконку вставите потом*/
}
 

DOWNLOAD

Сообщения
158
Симпатии
16
Баллы
18
#3
Добавлены новые вкладки, оптимизация и упрощения.
Код:
.p-navEl-link
{
    &:before {
        padding: 4px;
        font-family: FontAwesome;
        font-size: 14px;
    }
    /* Главная */
    &[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";
    }
    /* Галерея */
    &[data-nav-id="xfmg"]:before {
        content: "\f046";
    }
    /* Ресурс менеджер */
    &[data-nav-id="xfrm"]:before {
        content: "\f046";
    }
    /* Чат от Сиропу */
    &[data-nav-id="siropuChat"]:before {
        content: "\f046";
    }
}