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

[LoGwiN]

Как поменять стандартные иконки в меню?

[Eproxx]

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

Navigation Icons.zip

[SlawkA]

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

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

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

 

[LoGwiN]

3 минуты назад, ♕-SlawkA-♕ сказал:

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

 

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

[Redneck]

10 минут назад, LoGwiN сказал:

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

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

[SlawkA]

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

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

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

[Redneck]

6 минут назад, ♕-SlawkA-♕ сказал:

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

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

галерея

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" под каждую введите свои иконки

Изменено 30 мая, 2016 пользователем Redneck

[SlawkA]

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

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

Спойлер

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

Спойлер

 

[Redneck]

20 минут назад, LoGwiN сказал:

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

выше я дал коды для вашего форума

[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" }

 

 

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

[Redneck]

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/

[SlawkA]

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

  с меня спасибо

[Flarien]

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

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

[WOLF]

7 часов назад, Flarien сказал:

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

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

Пример:

 

a[data-navitem-id="10"]:before {content: none !important;}

[Flarien]

Спасибо за ответ! В каком месте это нужно поправить? Если в _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"
}

 

[WOLF]

Вот его и меняйте по примеру выше, либо можете просто удалить 

[Flarien]

При смене ничего не происходит. При удалении слетает весь шаблон.

[WOLF]

1 минуту назад, Flarien сказал:

При смене ничего не происходит. При удалении слетает весь шаблон.

И как выглядит измененный код?

[Flarien]

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

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

 

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

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

[Igorek]

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;}

в custom.css

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

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

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

 

[Flarien]

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

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

[Flarien]

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"
}

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

[Турин]

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

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

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

[DiGiTaL]

1 час назад, Турин сказал:

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

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

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

 

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 на свои 

[Турин]

спасибо!

а как размер этих слов увеличить?