Решено Как изменить иконки

[🦅Seryw🦅]

Я хотел изменить иконки в навигации

Тоесть где-то они есть а где-то нет. Я кнш понимаю что сейчас мне напишут "я дол***** и так далее...
Но кто-то надеюсь поможет
(Основа DohTheme)

 

[It's-Intel]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Я хотел изменить иконки в навигации
Посмотреть вложение 19549
Тоесть где-то они есть а где-то нет. Я кнш понимаю что сейчас мне напишут "я дол***** и так далее...
Но кто-то надеюсь поможет
(Основа DohTheme)

в 2.3 можно их поставить в extra.less (самый простой вариант)
Ищем у элемента навигации id:
Настройки - Публичная навигация
Выбираем необходимый элемент (те же "форумы") id видно сверху:


Дальше в extra.less вставляем код:

.p-navEl-link[data-nav-id="forums"]::before {
    .m-faIcon(@fa-var-shield);
}

Получаем:

 

[🦅Seryw🦅]

если 2.2?

 

[KeoFox]

если 2.2?

самому интересно теперь)

 

[It's-Intel]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

если 2.2?

В 2.2. вместо .m-faicon мы ставим:
content: "\f129";
Но и также там пригодится может вполне margin-right: 5px;

Вот пример:

.p-navEl-link
{
    &:before {
        padding: 4px;
        font-family: FontAwesome;
        font-size: 14px;
    }
    &[data-nav-id="forums"]:before {
        content: "\f132";
    }
}

Я не проверял на 2.2 т.к. под рукой нет, но должно работать

 

[🦅Seryw🦅]

В 2.2. вместо .m-faicon мы ставим:
content: "\f129";
Но и также там пригодится может вполне margin-right: 5px;

Вот пример:

.p-navEl-link
{
    &:before {
        padding: 4px;
        font-family: FontAwesome;
        font-size: 14px;
    }
    &[data-nav-id="forums"]:before {
        content: "\f132";
    }
}

Я не проверял на 2.2 т.к. под рукой нет, но должно работать

Ой как красиво

 

[🦅Seryw🦅]

Предположем хочу такой

 

[krelix]

Предположем хочу такой Посмотреть вложение 19554

https://fontawesome.ru/all-icons/ (не реклама) вот тебе в помощь там много иконок.

 

[Kolpak]

.p-navEl-link
{
    &:before {
        padding: 4px;
        font-family: FontAwesome;
        font-size: 14px;
    }
    &[data-nav-id="forums"]:before {
        content: "\f132";
    }
}

если 2.2?

.p-navEl-link
{
    &:before {
        .m-faBase();
        margin-right: 3px;
    }
    &[data-nav-id="forums"]:before {
        .m-faContent(@fa-var-названиеИконки);
    }
}

 

[🦅Seryw🦅]

.p-navEl-link
{
    &:before {
        .m-faBase();
        margin-right: 3px;
    }
    &[data-nav-id="forums"]:before {
        .m-faContent(@fa-var-названиеИконки);
    }
}

Ааааа, понял! Спасибки мой любимый Kolpak

 

[🦅Seryw🦅]

@Kolpak, чёто не работает )

id:



Что не так? Подскажи

 

[Kolpak]

@Kolpak, чёто не работает )
Посмотреть вложение 19583
id:
Посмотреть вложение 19584

Посмотреть вложение 19585
Что не так? Подскажи

Это юникод, а не название иконки, вот что такое название:

 

[🦅Seryw🦅]

Агага

 

[🦅Seryw🦅]

Всё-равно

 

[Kolpak]

Агага

Можно и юникод юзать .m-faContent("\f132");

 

[🦅Seryw🦅]

Такой код, результата 0

 

[Kolpak]

Посмотреть вложение 19587
Такой код, результата 0

@fa-var-server

 

[🦅Seryw🦅]

Можно и юникод юзать .m-faContent("\f132");

ТИГР!! спасибо тебе!

 

[🦅Seryw🦅]

Итоговый результат кода:

.p-navEl-link
{
    &:before {
        .m-faBase();
        margin-right: 3px;
    }
    &[data-nav-id="forums"]:before {
        .m-faContent("\f132");
    }
}

Дополнительно:
Где f132 ставим своё
Где forums ставим id