Меню Секция — скрипт, который позволит вам ввести секции в ваше меню. Выбранная вами кнопка при наведении на нее курсора мыши будет раскрывать меню в виде секции. Выпадающее окно будет показывать содержание, на которые вы сможете легко перейти, просто нажав на нее из любого места сайта. Очень удобно для пользователя, во-первых, потому, что нажать на кнопку секции намного проще в силу ее размера, она не убежит. Во-вторых, меню станет красочнее, ярче, вы можете оформить ее не просто в текстовом формате, но и добавить картинки, дополнительные кнопки и т. д. Секция легко настраивается в редакторе Платформы LP под ваши пожелания. Меню для Платформы с секциями создан для того, чтобы сделать ваш сайт более комфортным для пользования.
Исходный код
Добавьте в BODY следующий код из файла body.html
где delay – задержка анимации появления меню, значение в миллисекундах.
Добавьте в HEAD следующие стили из файла head.html
|
1 2 3 4 5 6 7 8 9 |
<style> /* Меню "Секция"" */ .section-menu-result { position: fixed !important; display: none; width: 100%; z-index: 999; } </style> |
Редактор
В редакторе создайте меню с кнопками. Для этого:
Добавьте Секцию и прикрепите его к верху страницы при прокрутке.
Добавьте в эту секцию Колонки. И вставьте в колонки Кнопки.
Для группы кнопок (у нас это Колонки) задайте
class=section-menu
Теперь пропишите ID для каждой кнопки. Причем ID кнопки должен быть равен ID показываемой секции. Допустим у нас ID кнопки = uslugi (про ID секции поясню ниже).
Сейчас добавьте секцию под этим меню и задайте ID одноименный с ID кнопки, при наведении на который будет показана текущая секция (см. на скриншоте). Также укажите class=section-menu-result.
Содержимое секции настраиваете на свое усмотрение.
Аналогичные шаги проделываете со всеми кнопками.
Т.е. 1 кнопка = 1 секция, где ID кнопки = ID секции.
Опубликуйте страницу и проверяйте.