Икноки в меню на instantcms2

Задали тут недавно вопрос, как сделать иконки у меню на 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, который вы прописывали пункту меню в админке. Для каждого пункта меню нужно прописать стили!

В итоге у вас должно получиться что-то наподобие этого:



Если кому-то интересно, как например оформить меню совершенно в другой стилистике — пишите в личку, попробую помочь.

Можно проще:
Ещё вот такое есть.

Абсолютно тоже самое) И иконку придётся закачать и стили прописать)