Задали тут недавно вопрос, как сделать иконки у меню на Instantcms2. Думаю, поделиться со всеми, возможно кому-то пригодится.
(Данное решение не подойдёт для главного меню — которое выводится в Header-e)
Итак, предположим вы создали меню в админке и разместили его в сайдбаре. Как добавить иконки к элементам списка? Всё очень просто.
1) При создании пункта меню в админке пропишите класс для него. Например menu1
2) Подготовьте иконки для каждого пункта меню. Желательно в формате png или gif. У дефолтного шаблона размер таких иконок должен быть 16х16 px. Закачайте их на ваш сервер. По умолчанию, все иконки располагаются в папке: templates/default/images/icons
3) Откройте файл theme-gui.css (templates/dafault/css/theme-gui.css) и после строки 135 допишите следующее:
.icon-menu1, .menu .menu1 .item { background-image: url("../images/icons/icon.png"); }
где menu1 — это класс css, который вы прописывали пункту меню в админке. Для каждого пункта меню нужно прописать стили!
В итоге у вас должно получиться что-то наподобие этого:
Если кому-то интересно, как например оформить меню совершенно в другой стилистике — пишите в личку, попробую помочь.
Информация в базу знаний
#3
30 ноября 2016 в 15:35
Абсолютно тоже самое) И иконку придётся закачать и стили прописать)