Как создать выпадающее меню
Чтобы создать выпадающее меню в SiteEdit необходимо выполнить следующую
последовательность действий:
ПРИМЕЧАНИЕ: Выпадающее меню может быть настроено только для "Дополнительного меню", так как необходимо указать иерархию страниц и степень вложения, т.е. последовательность и приоритет пунктов меню, (какие из пунктов меню будут выпадать, (вложенные), а какие будут являться содержащими.
Заходим в редактор дизайна (горячая клавиша "F4") и поочередно настраиваем все пункты, начиная с самого блока меню. (Меню\Дополнительное меню\Выпадающее меню).
Необходимо придать параметры или свойства всем элементам сайта (размеры, цвет фона, стиль шрифта):
ПРИМЕЧАНИЕ: Для пункта "Субменю" в дереве CSS редактора (переход в редактор - горячая клавиша "F4") "Меню\Дополнительное меню\Выпадающее меню\Субменю" на вкладке "Позиционирование" необходимо указать "тип контейнера" - "none" для того, чтобы пункты меню появлялись (выпадали) и исчезали только при наведении на них курсора.
- 1) Выбрать в главном меню программы -> "Настройки глобальных
параметров сайта", вид дополнительного меню - "Выпадающее
меню"
ПРИМЕЧАНИЕ: Выпадающее меню может быть настроено только для "Дополнительного меню", так как необходимо указать иерархию страниц и степень вложения, т.е. последовательность и приоритет пунктов меню, (какие из пунктов меню будут выпадать, (вложенные), а какие будут являться содержащими.
- 2) На вкладке "Порядок страниц в меню" в главном меню программы
SiteEdit необходимо указать порядок (уровни) и степень вложения страниц (см.
примечание выше)
- 3) Следующий этап - Настройка дизайна меню. Работа происходит с
редактором дизайна CSS (см. редактор
дизайна).
Заходим в редактор дизайна (горячая клавиша "F4") и поочередно настраиваем все пункты, начиная с самого блока меню. (Меню\Дополнительное меню\Выпадающее меню).
Необходимо придать параметры или свойства всем элементам сайта (размеры, цвет фона, стиль шрифта):
- пункт меню
- активный пункт меню
- пункт меню при наведении на него курсора
- субменю
- пункт меню
- активный пункт меню
- пункт меню при наведении на него курсора
- субменю 1
- пункт меню
- активный пункт меню
- пункт меню при наведении на него курсора
- субменю
ПРИМЕЧАНИЕ: Для пункта "Субменю" в дереве CSS редактора (переход в редактор - горячая клавиша "F4") "Меню\Дополнительное меню\Выпадающее меню\Субменю" на вкладке "Позиционирование" необходимо указать "тип контейнера" - "none" для того, чтобы пункты меню появлялись (выпадали) и исчезали только при наведении на них курсора.