Понадобилось изменить стандартные иконки меню пользователя на иконки Font Awesome. Для этого нужно вставить тег типа <i class="fa fa-camera-retro fa-lg"></i> в пункты списка меню и подправить css.
C CSS проблем нет, тут понятно. Не могу понять, где найти эти куски кода в файлах шаблона (дефолтного, например), чтобы внести изменения???
InstantCMS 2.X
Где в файлах шаблона это место???
#1
10 апреля 2017 в 17:37
#2
10 апреля 2017 в 18:18
Не обязательно. Идите в админку — меню и пропишите для вашего пункта меню css стиль в настройках.(fa fa-vk)Для этого нужно вставить тег типа <i class="fa fa-camera-retro fa-lg"></i> в пункты списка меню и подправить css.
#3
10 апреля 2017 в 18:57
Прописывала. Но при этом ломается глобальный шрифт, который стоит на весь сайт. Целая морока. Проще повставлять html-ы.
Не обязательно. Идите в админку — меню и пропишите для вашего пункта меню css стиль в настройках.(fa fa-vk)Для этого нужно вставить тег типа в пункты списка меню и подправить css.
Сегодня в 07:29
#4
10 апреля 2017 в 20:08
Значит ошибки в вёрстке. Следует найти и исправить, иначе потом, это буде снежный ком.Но при этом ломается глобальный шрифт, который стоит на весь сайт
#5
10 апреля 2017 в 20:30
И все же повторю свой вопрос. Где в шаблоне меняется html меню пользователя?
#6
10 апреля 2017 в 20:53
/templates/default/assets/ui/menu.tpl.php
#7
11 апреля 2017 в 08:39
Спасибо большое! А шаблон меню действий не подскажете где лежит?
/templates/default/assets/ui/menu.tpl.php
#8
11 апреля 2017 в 10:40
Так вопрос только в замене иконок?
#9
11 апреля 2017 в 10:47
Так вопрос только в замене иконок?
Да. Но я не хочу картинками их ставить. А шрифтом. Поэтому мне надо вставить кусок кода. В меню пользователя и меню действий.
#10
11 апреля 2017 в 11:52
Надеюсь, поделитесь результатом, как справитесь с задачей?Да. Но я не хочу картинками их ставить. А шрифтом. Поэтому мне надо вставить кусок кода. В меню пользователя и меню действий.
Спасибо за помощь! Но не хочется огород городить. У меня стоит компонент инстант.рф/addons/7-nabor-ikonok-awesome-fonts-4-7-0.html, вставляющий шрифтовые иконки. Собственно, в главное меню они вставились, но при этом поломался шрифт ссылок меню. Пришлось принудительно для них прописывать фонт, который должен быть. А вот для меню действий не смогла вставить шрифтовые иконки. Пришлось картинки через css менять на новые. Жаль… это противоречит моим задумкам. Хотелось, чтобы был минимум картинок.
Надеюсь, поделитесь результатом, как справитесь с задачей?Да. Но я не хочу картинками их ставить. А шрифтом. Поэтому мне надо вставить кусок кода. В меню пользователя и меню действий.
Я не знаю, как предложенный Вами способ будет дружить с установленным уже компонентом…
#12
12 апреля 2017 в 04:20
… я просто выключил в своем_файле_стилей.css штатные иконки
........
.icon-basket_put, .menu .basket_put .item,
.icon-basket_remove, .menu .basket_remove .item,
.icon-basket, .menu .basket .item,
… { background-image: none; }
и прописал свои ......
.icon-basket_put, .menu .basket_put .item:before { content: "\f014";color:red }
.icon-basket_remove, .menu .basket_remove .item:before { content: "\f1f8";color:yellow }
.icon-basket, .menu .basket .item:before { content: "\f014";color:green}
..........
только css и набор fontawesome
........
.icon-basket_put, .menu .basket_put .item,
.icon-basket_remove, .menu .basket_remove .item,
.icon-basket, .menu .basket .item,
… { background-image: none; }
и прописал свои ......
.icon-basket_put, .menu .basket_put .item:before { content: "\f014";color:red }
.icon-basket_remove, .menu .basket_remove .item:before { content: "\f1f8";color:yellow }
.icon-basket, .menu .basket .item:before { content: "\f014";color:green}
..........
только css и набор fontawesome
#13
12 апреля 2017 в 23:37
И правильно: кастрюльку намного проще под течь подставить чем крышу ремонтировать.Но не хочется огород городить
