Jump to content

Как изменить иконки в меню?


Recommended Posts

25 минут назад, Eproxx сказал:

Этот файл тебе поможет.

я этот типа плагин раз 25 ставил. НО так и не понял что там писать и как. я понял что нужно писать фа иконки. Но ни хрена ничего не меняется. на 26 раз плюнул. и решил поберечь невры :D

 

Link to post
Share on other sites
3 минуты назад, ♕-SlawkA-♕ сказал:

я этот типа плагин раз 25 ставил. НО так и не понял что там писать и как. я понял что нужно писать фа иконки. Но ни хрена ничего не меняется. на 26 раз плюнул. и решил поберечь невры :D

 

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

Link to post
Share on other sites
10 минут назад, LoGwiN сказал:

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

можно вручную в custom.css прописать... сейчас подготовлю коды для вашего форума

Link to post
Share on other sites
Только что, Redneck сказал:

можно вручную в custom.css

у меня в стиле прописаны. НО одни фа барсы как и на скрине в теме. Я вот тоже ни как понять не могу как можно сменить на свои, а не как по умолчанию идут барсы одни. O.o

Link to post
Share on other sites
6 минут назад, ♕-SlawkA-♕ сказал:

у меня в стиле прописаны. НО одни фа барсы как и на скрине в теме. Я вот тоже ни как понять не могу как можно сменить на свои, а не как по умолчанию идут барсы одни. O.o

на этом примере для того форума можете сделать себе

галерея

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

блоги

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

календарь

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

правила

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

awards

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

активность

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

вместо "\f09e" под каждую введите свои иконки

Edited by Redneck
Link to post
Share on other sites

я к примеру меня через Меню. Но там нужно вставлять через ссылки.

и получалось норм.

Спойлер

34545.png

И вот потом смотрелось как в самом форуме

Спойлер

453543.png

 

Link to post
Share on other sites

Redneck, у меня прописано так. а все равно одни барсы. я заметил. Когда только инсталировал форум. и он был на инглишь, иконки были разные, а как поставил русский. то все иконки ушли в барс.

Спойлер

.ipsNavBar_primary > ul > li[data-navTitle='Browse'] > a:before{ content: "\f00b" }
.ipsNavBar_primary > ul > li[data-navTitle='Activity'] > a:before{ content: "\f0f6" }
.ipsNavBar_primary > ul > li[data-navTitle='Store'] > a:before{ content: "\f07a" }
.ipsNavBar_primary > ul > li[data-navTitle='Support'] > a:before{ content: "\f1cd" }
.ipsNavBar_primary > ul > li[data-navTitle='Forums'] > a:before{ content: "\f086" }
.ipsNavBar_primary > ul > li[data-navTitle='Gallery'] > a:before{ content: "\f030" }
.ipsNavBar_primary > ul > li[data-navTitle='Downloads'] > a:before{ content: "\f019" }
.ipsNavBar_primary > ul > li[data-navTitle='Articles'] > a:before{ content: "\f15c" }
.ipsNavBar_primary > ul > li[data-navTitle='Blogs'] > a:before{ content: "\f02d" }
.ipsNavBar_primary > ul > li[data-navTitle='Calendar'] > a:before{ content: "\f073" }
.ipsNavBar_primary > ul > li[data-navTitle='Chat'] > a:before{ content: "\f27a" }
.ipsNavBar_primary > ul > li[data-navTitle='Staff'] > a:before{ content: "\f007" }
.ipsNavBar_primary > ul > li[data-navTitle='Online Users'] > a:before{ content: "\f0c0" }
.ipsNavBar_primary > ul > li[data-navTitle='All Activity'] > a:before{ content: "\f0ac" }
.ipsNavBar_primary > ul > li[data-navTitle='Search'] > a:before{ content: "\f002" }
.ipsNavBar_primary #elBackHome:before{ content: "\f0a8" }

 

 

пха ха ха ха, писал на Блоги для теста. а вылезла в Галерее :D

45345.png

Link to post
Share on other sites
5 минут назад, ♕-SlawkA-♕ сказал:

Redneck, у меня прописано так. а все равно одни барсы. я заметил. Когда только инсталировал форум. и он был на инглишь, иконки были разные, а как поставил русский. то все иконки ушли в барс.

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


.ipsNavBar_primary > ul > li[data-navTitle='Browse'] > a:before{ content: "\f00b" }
.ipsNavBar_primary > ul > li[data-navTitle='Activity'] > a:before{ content: "\f0f6" }
.ipsNavBar_primary > ul > li[data-navTitle='Store'] > a:before{ content: "\f07a" }
.ipsNavBar_primary > ul > li[data-navTitle='Support'] > a:before{ content: "\f1cd" }
.ipsNavBar_primary > ul > li[data-navTitle='Forums'] > a:before{ content: "\f086" }
.ipsNavBar_primary > ul > li[data-navTitle='Gallery'] > a:before{ content: "\f030" }
.ipsNavBar_primary > ul > li[data-navTitle='Downloads'] > a:before{ content: "\f019" }
.ipsNavBar_primary > ul > li[data-navTitle='Articles'] > a:before{ content: "\f15c" }
.ipsNavBar_primary > ul > li[data-navTitle='Blogs'] > a:before{ content: "\f02d" }
.ipsNavBar_primary > ul > li[data-navTitle='Calendar'] > a:before{ content: "\f073" }
.ipsNavBar_primary > ul > li[data-navTitle='Chat'] > a:before{ content: "\f27a" }
.ipsNavBar_primary > ul > li[data-navTitle='Staff'] > a:before{ content: "\f007" }
.ipsNavBar_primary > ul > li[data-navTitle='Online Users'] > a:before{ content: "\f0c0" }
.ipsNavBar_primary > ul > li[data-navTitle='All Activity'] > a:before{ content: "\f0ac" }
.ipsNavBar_primary > ul > li[data-navTitle='Search'] > a:before{ content: "\f002" }
.ipsNavBar_primary #elBackHome:before{ content: "\f0a8" }

 

 

правой кнопкой по нужному меню - посмотреть код - справа в окне смотрите id, вставляете его в код и прописываете нужную иконку... попробуйте, должно все получиться

@LoGwiN под каждую вкладку можете свою иконку поставить... коды иконок смотрите здесь http://fontawesome.io/icons/

Link to post
Share on other sites
  • 1 year later...

Дорогие форумчане, а как убрать вообще эти иконки (стиль Uniform 4.2).  Отсюда (_ipsfocus_base.css) ни убрать, ни заменить не получается (ничего не происходит). В custom.css тоже не нашел. Заранее спасибо за помощь!

Забыл уточнить - версия движка - 4.2.2

Link to post
Share on other sites
7 часов назад, Flarien сказал:

Дорогие форумчане, а как убрать вообще эти иконки (стиль Uniform 4.2).  Отсюда (_ipsfocus_base.css) ни убрать, ни заменить не получается (ничего не происходит). В custom.css тоже не нашел. Заранее спасибо за помощь!

Забыл уточнить - версия движка - 4.2.2

Пример:

 

a[data-navitem-id="10"]:before {content: none !important;}
Link to post
Share on other sites

Спасибо за ответ! В каком месте это нужно поправить? Если в _ipsfocus_base.css , то нет изменений( Внизу код, который был изначально.

}
#elUserLink_menu li[data-menuItem='admincp'] a:before {
	content:"\f023";
}
#elUserLink_menu li[data-menuItem='signout'] a:before {
	content:"\f08b";
	width: 18px;
}
#elCreateNew_menu a:before {
	content:"\f0fe"
}
#elCreateNew_menu a[href*="/forum/"]:before {
	content:"\f086"
}
#elCreateNew_menu a[href*="announcements"]:before {
	content:"\f0a1"
}
#elCreateNew_menu a[data-role="updateStatus"]:before {
	content:"\f086"
}
#elCreateNew_menu a[href*="/files/"]:before {
	content:"\f086"
}
#elCreateNew_menu a[href*="/gallery/"]:before {
	content:none !important
}
#elCreateNew_menu a[href*="/blogs/"]:before {
	content:"\f086"
}
#elCreateNew_menu a[href*="/calendar/"]:before {
	content:"\f073"
}
#elCreateNew_menu a[href*="/articles"]:before {
	content:"\f086"
}

 

Link to post
Share on other sites
}
#elCreateNew_menu a[href*="/calendar/"]:before {content: none !important;}

и так все строчки меню

 

#elCreateNew_menu a[href*="/gallery/"]::before content: none !important;} точнее так

Даже при подмене кода иконки она физически не меняется. может имееет смысл рыть в другом css или части шаблона?

Link to post
Share on other sites
56 минут назад, Flarien сказал:

}
#elCreateNew_menu a[href*="/calendar/"]:before {content: none !important;}

и так все строчки меню

 

#elCreateNew_menu a[href*="/gallery/"]::before content: none !important;} точнее так

Даже при подмене кода иконки она физически не меняется. может имееет смысл рыть в другом css или части шаблона?

лучше и проще как выше написали.

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

где ID я пишу ID своего приложения, к примеру Чат.

он ID 16 у меня.

я и пишу

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

2323.PNG.7cfd30898e85fc735ee38eb108a1eaab.PNG

в custom.css

4333.thumb.png.cd44981423129b7a9d0ba0a5be19c566.png

теперь меняем саму fa иконку. то есть берем из сайта FA уникод нужной иконки.

к примеру вот этот уникод \f232

3233332.png.18a5c1796f906c52ada4680ff4211507.png

и заменяю в коде на нужный уникод.

 

Link to post
Share on other sites

В custom.css этого шаблона такие строки отсутствуют, а при замене кода иконки в _ipsfocus_base.css ничего не меняется. При удалении строчки слетает весь шаблон.

Мне нужно не поменять иконки, а вообще удалить.

Link to post
Share on other sites

P.S. Сейчас проверил предыдущую версию Uniform которая раньше стояла на сайте и где я как-то убрал иконки (забыл как). Так вот там часть кода:

}
#elCreateNew_menu a[href*="/files/"]:before {
	content:"\f086"
}
#elCreateNew_menu a[href*="/gallery/"]:before {
	content:none !important
}
#elCreateNew_menu a[href*="/blogs/"]:before {
	content:"\f086"
}
#elCreateNew_menu a[href*="/calendar/"]:before {
	content:"\f073"
}
#elCreateNew_menu a[href*="/articles"]:before {
	content:"\f086"
}

оставлена в первозданном виде. При этом иконок нет. Где еще можно копать?

Link to post
Share on other sites
  • 3 weeks later...
1 час назад, Турин сказал:

Подскажите пожалуйста, как мне иконки вставить?

плагин, про который выше писали не помогает.

иконки от сюда http://fontawesome.io/

59ccde9170f96_.jpg.e0db0b61ea2d36ac7663a315bbe8168a.jpg

 

a[data-navitem-id="2"]:before {content: "\f09e" !important;font-family: FontAwesome;}
a[data-navitem-id="1"]:before {content: "\f015" !important;font-family: FontAwesome;}
a[data-navitem-id="17"]:before {content: "\f0e6" !important;font-family: FontAwesome;}
a[data-navitem-id="12"]:before {content: "\f01a" !important;font-family: FontAwesome;}
a[data-navitem-id="11"]:before {content: "\f0eb" !important;font-family: FontAwesome;}
a[data-navitem-id="13"]:before {content: "\f05a" !important;font-family: FontAwesome;}

Просто поменяй id категорий меню ну и Unicode на свои 

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...