Как создать выпадающее меню на сайте

Все для Ucoz, Шаблоны и скрипты для Ucoz Для создания категорий в меню обычно создают выпадающее меню. Система ucoz дает возможность автоматически создавать такое меню.

Когда я решил создать такое меню, то я столкнулся с проблемой как это сделать. Начал искать информацию в интернете. Нашел несколько статей на эту тему: основная мысль в них сводилась к тому, что надо создать при помощи конструктора меню подменю методом перетаскивания. Но подробной инструкции я не нашел.

Давайте попробуем это сделать. Зайдем в Панель управления-Дизайн -Конструктор меню.
Например, вы решили создать подменю для каталога файлов. Элементами подменю будут категории каталога, которые нужно вначале создать.

Выбираем Добавить пункт меню, в котором даем название пункта и записываем URL(адрес страницы). Создаем необходимое количество пунктов меню в зависимости от вашей задумки.

Как узнать адрес созданной категории? Когда вы создавали категорию в разделе, наверное, обратили внимание на такую запись возле названия категории -например, [ID:4]. Это и есть адрес этой категории. Мы можем теперь записать адрес, к примеру /load/4. А load - это раздел, в котором создана категория. Его адрес тоже можно посмотреть в самом же конструкторе меню, щелкнув на значке "карандаш" раздела.

Теперь осталось только создать пункты подменю в необходимое место. Как это сделать? Методом перетаскивания. При наведении стрелкой мыши в конструкторе меню мы увидем как стрелка изменится. Есть два вида: первый появляется при наведении на надпись-в виде четырехсторонней стрелки, второй появляется при наведении на знак - +. Первый служит для перетаскивания пунктов меню с одного места на другое место. Вторым видом указателя мы и создадим подменю: при появлении второго указателя соответствующего пункта нажимаем левую кнопку и перетаскиваем на тот пункт меню, где вы хотите создать подменю. Когда пункт меню выделится, отпускаем нашу левую кнопку.

Теперь проверяем на сайте. Как говорят, есть только баг- меню застывает и не уходит с экрана, пока не щелкнешь кнопкой.

Можно изменить стиль выпадающей кнопки для подгонки к дизайну сайта, но это уже другой урок.