Jump to content

Как изменить иконки вверху.

Featured Replies

  • Author
comment_130741
Только что, WOLF сказал:

а это что? 

Screenshot_2.png

В меню темы случайно функцию нажал, это прочитано/не прочитано

comment_130744

zlo16, это не раз обсуждалось тут на форуме.

этот код в custom.css

a[data-navitem-id="8"]:before {content: "\f211" !important;font-family: FontAwesome;}
a[data-navitem-id="16"]:before {content: "\f232" !important;font-family: FontAwesome;}
a[data-navitem-id="9"]:before {content: "\f03e" !important;font-family: FontAwesome;}
a[data-navitem-id="18"]:before {content: "\f288" !important;font-family: FontAwesome;}
a[data-navitem-id="2"]:before {content: "\f1b3" !important;font-family: FontAwesome;}
a[data-navitem-id="20"]:before {content: "\f03d" !important;font-family: FontAwesome;}
a[data-navitem-id="15"]:before {content: "\f091" !important;font-family: FontAwesome;}
a[data-navitem-id="14"]:before {content: "\f21b" !important;font-family: FontAwesome;}
a[data-navitem-id="17"]:before {content: "\f0c0" !important;font-family: FontAwesome;}
a[data-navitem-id="13"]:before {content: "\f285" !important;font-family: FontAwesome;}

где ID. это ID нужного приложения.

где f285 это сам код fa fa  иконки на сайте фонт авесоме.

в итоге получаем это

Спойлер

546.png

ID нужного приложения можно посмотреть через Инструмент разработчика, в любом нормальном браузере.

  • Author
comment_130745

на IPBmafia его нет. Мне интересно как поменять эти иконки, просто на польском форуме эти иконки изменены (тема идентичная) 

Только что, Igorek сказал:

zlo16, это не раз обсуждалось тут на форуме.

этот код в custom.css


a[data-navitem-id="8"]:before {content: "\f211" !important;font-family: FontAwesome;}
a[data-navitem-id="16"]:before {content: "\f232" !important;font-family: FontAwesome;}
a[data-navitem-id="9"]:before {content: "\f03e" !important;font-family: FontAwesome;}
a[data-navitem-id="18"]:before {content: "\f288" !important;font-family: FontAwesome;}
a[data-navitem-id="2"]:before {content: "\f1b3" !important;font-family: FontAwesome;}
a[data-navitem-id="20"]:before {content: "\f03d" !important;font-family: FontAwesome;}
a[data-navitem-id="15"]:before {content: "\f091" !important;font-family: FontAwesome;}
a[data-navitem-id="14"]:before {content: "\f21b" !important;font-family: FontAwesome;}
a[data-navitem-id="17"]:before {content: "\f0c0" !important;font-family: FontAwesome;}
a[data-navitem-id="13"]:before {content: "\f285" !important;font-family: FontAwesome;}

где ID. это ID нужного приложения.

где f285 это сам код fa fa  иконки на сайте фонт авесоме.

в итоге получаем это

  Скрыть контент

546.png

ID нужного приложения можно посмотреть через Инструмент разработчика, в любом нормальном браузере.

а где этот код найти, захожу в .css и куда дальше ? 

comment_130750

zlo16, я же все расписал. ну ладно объясню на пальцах.

заходите в ваш стиль редактирования.

заходим в пункт CSS

 

 

Спойлер

2345.png

теперь вам нужно узнать ид нужного приложения.

Спойлер

Снимок экрана (5).png

к примеру у меня это форум. и у него ид 8

теперь я захожу обратно редактор стиля.

и в коде где ид. я пишу 8. 

a[data-navitem-id="8"]:before {content: "\f211" !important;font-family: FontAwesome;}

теперь подключаем нужную иконку с сайта фонт авесоме. заходим на сайт и ищем нужную иконку. жмем на нее и копируем уникод.

Спойлер

6666.png

comment_130752

zlo16. скриншоты в спойлер пожалуйста.

ну значит удаляем все из

Цитата

кастом

и вставляем туда мой код который выше.

и проделываем все что я написал тоже выше, в картинках и с описанием. :/

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.