Новые функции после обновления в Ucoz. Создание выпадающего меню

Теперь появилась возможность создания выпадающего меню. В этой статье я
расскажу, как сделать выпадающее меню, как на этом сайте на главной
странице для раздела «Работа на дому».
Итак.
1. Заходим в Панель управления. На главной странице рядом с Управление дизайном нажимаем на ссылку Конструктор меню.
2. С помощью кнопки Добавить пункт меню создаем пункты меню, которые мы хотим видеть. Причем выпадающие пункты должны быть вложенными в первый пункт. Вот мой пример:
Новые функции после обновления в Ucoz. Создание выпадающего меню3. Вставляем полученный код (у меня $SMENU_1$) в нужное место меню.
Все готово. Но, если Ваша таблица стилей была изменена до обновления, то скорее всего вставленный код не будет совпадать по стилю с Вашим меню. Поэтому зайдите в первоначальную таблицу стилей, она находится по адресу http://src.ucoz.net/src/css/номершаблона.css найдите там примерно такой код:
/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 2px 0 2px 20px; background: url(‘/.s/t/551/24.gif’) no-repeat 0px 2px; margin-bottom: .6em;}
/* —— */
/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}

.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#39435D}
.uMenuV li a:active {text-decoration:none; color:#39435D}
.uMenuV li a:visited {text-decoration:none; color:#39435D}
.uMenuV li a:hover {text-decoration:none; color:#FF9900}

.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV .uMenuItemA.a:link {text-decoration:none; color:#FF9900}
.uMenuV .uMenuItemA.a:visited {text-decoration:none; color:#FF9900}
.uMenuV .uMenuItemA.a:hover {text-decoration:none; color:#FF9900}
.uMenuV .uMenuArrow {position:absolute;width:10px; height:10px; right:0; top:3px; background:url(‘/.s/img/wd/1/ar1.gif’) no-repeat 0 0;}
.uMenuV li {margin: 0; padding: 5px 0 5px 35px; background: url(‘/.s/t/551/25.gif’) no-repeat 0px 3px;
 margin-bottom: .6em;}
/* ——— */
У Вас естественно будут другие праметры, но названия классов будут те же. И скопируйте этот код в Вашу таблицу стилей.
Если что-то идет не так. Спрашивайте, обязательно отвечу.

Материалы по теме:

Как настроить дизайн всплывающего меню в Ucoz

Обновление Ucoz. Создание всплывающего меню

Комментарии на Facebook