HELP! Нужно добавить иконки в панель навигации

[WoT_Seller]

Привет!
Подскажите пожалуйста, как можно добавить иконки Font Awesome где я выделил на скрине.
Пробовал способы, которые казаны тут, на форуме (поиском пользовался) - но ничего не вышло :(

 

[BIOMOND]

Там же в узлах можно во второй ветке, если я не путаю.

 

[Skaiman]

Результаты поиска по запросу: Font Awesome в меню навигации

 

[WoT_Seller]

Результаты поиска по запросу: Font Awesome в меню навигации

"Пробовал способы, которые указаны тут, на форуме (поиском пользовался) - но ничего не вышло" - прочитать видимо никак, да?)

 

[Skaiman]

Способ от турок довольно таки понятный Font Awesome в меню навигации и поднавигации

 

[WoT_Seller]

Способ от турок довольно таки понятный Font Awesome в меню навигации и поднавигации

ау, я тебе еще раз говорю : не помогает!
3 или 4 способа попробовал, ниче не помогает.

даже ради прикола попробовал заменить стандартные иконки (форум, пользователи) - и тоже не получается!
стиль если что UI.X Dark (хотя смысла не имеет я думаю).

 

[Skaiman]

Смысл имеет если правильно делать. Дай в личку адрес, я посмотрю

 

[WoT_Seller]

Смысл имеет если правильно делать. Дай в личку адрес, я посмотрю

у меня на локалке стоит пока что.

Ну смотри, вот это я к примеру ставлю в extra.less :

.navigation-icons (@nav-id; @fa-uid; @fa-size: false; @color: false) {
    .p-navEl-link,
    .menu-linkRow {
            &[data-nav-id="@{nav-id}"]:before {
                padding-right: 4px;
                font: normal normal normal 14px/1 FontAwesome;
                & when (isnumber(@fa-size)) {
                    font-size: @fa-size;
                }
                & when (iscolor(@color)) {
                    color: @color;
                }
                content: '\@{fa-uid}';
            }
    }
}

// Заменяю стандартуную иконку "Форум", но ничего не выходит...
.navigation-icons (forums, f2b7);

А если смотреть в "Просмотр кода элемента", то видно - что первым делом выполняются стандартные стили темы (или хз, вообще что). Но только потом уже то, что написано в extra.less

 

[Skaiman]

Потому что в ui.x стилях используется шрифт

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

там же в коде написано английским языком :) вот и используй его, он лучше чем фа

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

При желании можно обновить локальный шрифт стиля

 

[WoT_Seller]

При желании можно обновить локальный шрифт стиля

бааа, и в правду)
спасибо, попробую сейчас :D::D:

Skaiman, а как же теперь изменить этот код под "Material Design Icons"?

.navigation-icons (@nav-id; @fa-uid; @fa-size: false; @color: false) {
    .p-navEl-link,
    .menu-linkRow {
            &[data-nav-id="@{nav-id}"]:before {
                padding-right: 4px;
                font: normal normal normal 14px/1 FontAwesome;
                & when (isnumber(@fa-size)) {
                    font-size: @fa-size;
                }
                & when (iscolor(@color)) {
                    color: @color;
                }
                content: '\@{fa-uid}';
            }
    }
}

// Заменяю стандартуную иконку "Форум", но ничего не выходит...
.navigation-icons (forums, f2b7);

 

[Skaiman]

Используй мануал от турок

 

[WoT_Seller]

Skaiman, хм...
Работать-то вроде работает, но только в том случаи - если руками выключить стандартные иконки (на скрине обвёл).
Т.е. стандартные всё равно не перекрываются теми, что в extra.less написаны.

 

[Skaiman]

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

Да и вопрос этот относится к стилю и его надо там обсуждать, может и ответ там, в теме есть

 

[Len]

WoT_Seller, у меня просто в extra.less добавлен код ниже. На этом же стиле, что у тебя и работает.

.p-navEl [data-nav-id="siropuChat"]:before{font-family:FontAwesome;content:"\f0e6";padding-right:5px}
.p-navEl [data-nav-id="allmenu"]:before{font-family:FontAwesome;content:"\f0c9";padding-right:5px}
.p-navEl [data-nav-id="cslikes"]:before{font-family:FontAwesome;content:"\f019";padding-right:5px}

просто заменяй nav-id на свой и иконку.

 

[Skaiman]

Len,

Способ от турок довольно таки понятный Font Awesome в меню навигации и поднавигации

Используй мануал от турок

:) там любой шрифт указывай и для новичка проще

 

[Len]

Skaiman, оу чет не прочитал даже :D я не по гайду этому я также как и автор темы доебался до кого-то и мне показали как сделать

 

[WoT_Seller]

Len, та я понял, но бл. он не перекрывает основной стиль, понимаешь?)
Я не тупой и всё прекрасно понимаю как и что должно работать. Уж в css и html шарит даже ДЦП.
Но ска, не перекрывает то, что написано в extra.less
Хотя к примеру если что-то другое меняю через тот же екстра, то всё норм.

Наконец-то, разобрался.
Вдруг кому-то нужно будет :

.p-nav .p-navEl-link[data-nav-id="forums"]:before,
.uix_sidebarNav .p-navEl-link[data-nav-id="forums"]:before,
.offCanvasMenu .p-navEl-link[data-nav-id="forums"]:before,
.p-nav .offCanvasMenu-linkHolder>.offCanvasMenu-link:first-child[data-nav-id="forums"]:before,
.uix_sidebarNav .offCanvasMenu-linkHolder>.offCanvasMenu-link:first-child[data-nav-id="forums"]:before,
.offCanvasMenu .offCanvasMenu-linkHolder>.offCanvasMenu-link:first-child[data-nav-id="forums"]:before {
    display:inline-block;
    font:normal normal normal 18px/1 "Material Design Icons";
    font-size:inherit;
    text-rendering:auto;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform:translate(0, 0);
    width:auto !important;
    content:'forum';
    content:'\f7a5'
}

Где написано : [data-nav-id="forums"] - заместо forums ставьте свой ID
А де написано : content:'\f7a5' - тут ставьте свою иконку.

 

[Skaiman]

Везде одна иконка? Так то тебе о том же практически твердили, только для каждого пункта навигации своя :) да лан, ты ж сам все понимаешь и разбираешься :)

Наконец-то, разобрался.
Вдруг кому-то нужно будет :

Но я вот категорически не рекомендую использовать другим этот код :)

 

[WoT_Seller]

Везде одна иконка?

Везде разные, держу в курсе. :sneaky: