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

InstantCMS 2.X

Где в файлах шаблона это место???

#1 10 апреля 2017 в 17:37
Понадобилось изменить стандартные иконки меню пользователя на иконки Font Awesome. Для этого нужно вставить тег типа <i class="fa fa-camera-retro fa-lg"></i> в пункты списка меню и подправить css.
C CSS проблем нет, тут понятно. Не могу понять, где найти эти куски кода в файлах шаблона (дефолтного, например), чтобы внести изменения???
#2 10 апреля 2017 в 18:18

Для этого нужно вставить тег типа <i class="fa fa-camera-retro fa-lg"></i> в пункты списка меню и подправить css.

ocetis
Не обязательно. Идите в админку — меню и пропишите для вашего пункта меню css стиль в настройках.(fa fa-vk)
#3 10 апреля 2017 в 18:57


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

ocetis
Не обязательно. Идите в админку — меню и пропишите для вашего пункта меню css стиль в настройках.(fa fa-vk)

Мартин
Прописывала. Но при этом ломается глобальный шрифт, который стоит на весь сайт. Целая морока. Проще повставлять html-ы.
#4 10 апреля 2017 в 20:08

Но при этом ломается глобальный шрифт, который стоит на весь сайт

ocetis
Значит ошибки в вёрстке. Следует найти и исправить, иначе потом, это буде снежный ком.
#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

Да. Но я не хочу картинками их ставить. А шрифтом. Поэтому мне надо вставить кусок кода. В меню пользователя и меню действий.

ocetis
Надеюсь, поделитесь результатом, как справитесь с задачей?
#11 11 апреля 2017 в 12:54


Да. Но я не хочу картинками их ставить. А шрифтом. Поэтому мне надо вставить кусок кода. В меню пользователя и меню действий.

ocetis
Надеюсь, поделитесь результатом, как справитесь с задачей?

Олег Васильевич я
Спасибо за помощь! Но не хочется огород городить. У меня стоит компонент инстант.рф/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
#13 12 апреля 2017 в 23:37

Но не хочется огород городить

ocetis
И правильно: кастрюльку намного проще под течь подставить чем крышу ремонтировать. smoke
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.