Пройди по пути: Рабочий стол --> Веб сайт --> Структура сайта
Нажми на вкладку "Меню"
Нажми на кнопку вверху справа "Добавить"
В полях "Заголовок" и "Идентификатор" введи название меню. Например, menu_top
В поле "Тип" введи тип меню. Для простого меню или меню с вкладками (как на http://legport.ru) этим типом будет flat. Если меню выпадающее - нужно поставить тип drop (http://uvelir.info). Если меню должны видеть только авторизованные пользователи - flat2.

При шаблонизации в зависимости от типа меню, поступаешь следующим образом (работаешь во вкладке "Шаблон"):

drop_li

Выводит вложенные разделы через конструкцию ul - li. Пример http://adlogic.ru

Простое меню flat

В шаблоне каркаса прописываешь плейсхолдер items. В этом шаблоне содержатся неповторяющиеся элементы меню.
В шаблоне элемента прописываешь title. Этот плейсхолдер выводит заголовки элементов меню.
Также в шаблоне элемента работает плейсхолер status. Он меняет своё значение с Active на Normal в зависимости от того где мы находимся на сайте. Если мы, например, находимся в разделе новостей, то над элементом Новости, появляется статус Active

Здесь лучше всего действовать по примеру.
Можно взять пример, например, с http://legport.ru - в menu_top
Взяв пример, можно либо самому прописать стили для меню, либо взять с готового проекта и переделать.
Подключить скрипты: menu_tabs_2.js, xevian_frontend_javascripts_cms_effects.js, xevian_frontend_javascripts_cms_portal.js

Здесь также действуем по примеру.
Можно взять пример, например, с http://uvelir.info - в menu_top
Взяв пример, можно либо самому прописать стили для меню, либо взять с готового проекта и переделать.
Для данного меню нужно не забыть изменить цифры в шаблоне элемента на плейсхолдер id
Подключить скрипты: drop.js, xevian_frontend_javascripts_cms_effects.js, xevian_frontend_javascripts_cms_portal.js

автор: