Решено Добавление иконки к элементу навигации

[Dev Cold]

Приветствую!
Хотелось узнать каким образом можно добавить иконку к элементу навигации
XenForo 2.3.7

 

[FrogSo29]

Приветствую!
Хотелось узнать каким образом можно добавить иконку к элементу навигации
XenForo 2.3.7

Там код должен быть

 

[Kolpak]

Код поддерживает 2.3

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

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

pawno-help.ru

 

[Dev Cold]

Не отображается корректно

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

 

[🦅Seryw🦅]

Не отображается корректно
Посмотреть вложение 20114

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

В 2.3 пиши extra.less

.p-navEl-link[data-nav-id="изменить на ID навигации"]::before {
    .m-faIcon(@название значка);
}

Пример:

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

 

[Dev Cold]

теперь вообще ничего

 

[JustAlex]

Не отображается корректно
Посмотреть вложение 20114

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

Чтобы было легче всем лучше юзать юникод:

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

 

[Dev Cold]

Чтобы было легче всем лучше юзать юникод:

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

 

[🦅Seryw🦅]

Короче не майся, скачай 2.2 и напиши такой код:

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

Можешь попробовать на 2.3 использовать

 

[Dev Cold]

@Kolpak

 

[JustAlex]

Попробуй перейти в настройки стиля - иконки и там выбрать иконки font awesome

 

[Dev Cold]

"Иконки" нету в данном стиле
Есть только типографика
Шрифт пользовательского интерфейса - 'Inter', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif
Шрифт тела страницы - 'Inter', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif
Шрифт кода - Monaco, Menlo, Consolas, 'Roboto Mono', 'Andale Mono', 'Ubuntu Mono', monospace

 

[Kolpak]

Шрифта Font Awesome в XenFore 2.3.x больше нет, то есть юникоды использовать не сможете. Доступные способы вызова иконок:

Тип	Код
Шаблоны / модификации шаблонов	<xf:fa icon="fas fa-comments" />
Less шаблоны	.m-faContent(@fa-var-solid-comments);
JavaScript	XF.Icon.getIcon('solid', 'fa-comments')
Фразы	{icon:fas::comments}

Не отображается корректно
Посмотреть вложение 20114

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

.p-navEl-link
{
    &:before {
        .m-faBase();
        margin-right: 3px;
    }
    &[data-nav-id="forum_rules"]:before {
        .m-faContent("@fa-var-newspaper");
    }
}

Сначала идет @fa-var- , а после название иконки. Где брать название иконки:

 

[viovit]

Чтобы было легче всем лучше юзать юникод:

в 2.3 нет юникодов, о чем писали выше, это сделано в качестве улучшения производительности. в движок на 2.3 хотя бы заходили?

 

[JustAlex]

в 2.3 нет юникодов, о чем писали выше, это сделано в качестве улучшения производительности. в движок на 2.3 хотя бы заходили?

Заходил, но глубоко не углублялся в него, т.к пользуюсь 2.2 и только пока в планах его подробно изучить

 

[viovit]

Заходил, но глубоко не углублялся в него, т.к пользуюсь 2.2 и только пока в планах его подробно изучить

скоро 2.4, до сих пор люди на 2.2 что-то забыли

 

[JustAlex]

скоро 2.4, до сих пор люди на 2.2 что-то забыли

Вот так вот)

 

[Dev Cold]

Шрифта Font Awesome в XenFore 2.3.x больше нет, то есть юникоды использовать не сможете. Доступные способы вызова иконок:

Тип	Код
Шаблоны / модификации шаблонов	<xf:fa icon="fas fa-comments" />
Less шаблоны	.m-faContent(@fa-var-solid-comments);
JavaScript	XF.Icon.getIcon('solid', 'fa-comments')
Фразы	{icon:fas::comments}

.p-navEl-link
{
    &:before {
        .m-faBase();
        margin-right: 3px;
    }
    &[data-nav-id="forum_rules"]:before {
        .m-faContent("@fa-var-newspaper");
    }
}

Сначала идет @fa-var- , а после название иконки. Где брать название иконки:
Посмотреть вложение 20126 Посмотреть вложение 20127

Что-то понятнее не стало как подключить иконку

 

[Dev Cold]

Решил

.p-navEl-link
{
    &:before {
        .m-faBase();
        margin-right: 3px;
    }
    &[data-nav-id="forum_rules"]:before {
.m-faContent(@fa-var-newspaper);
        font-weight: 900;
    }
}