Анимированное меню в Zero Block
Объёмное меню с прокруткой пунктов колесом, свайпом и клавиатурой; подписи, ссылки и оформление задаются в кабинете.
Что делает модификация
Объёмное меню с прокруткой пунктов колесом, свайпом и клавиатурой; подписи, ссылки и оформление задаются в кабинете.
Требования
Это код для HTML-элемента Zero Block. Текст вводится через настройки. Управление ограничено областью меню и не перехватывает прокрутку всей страницы.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Пункты: Название|ссылка, по одному на строку | Выберите значение в интерфейсе личного кабинета. |
| Обычный текст | Выберите значение в интерфейсе личного кабинета. |
| Активный пункт | Выберите значение в интерфейсе личного кабинета. |
| Размер на компьютере | Параметр 20–150 |
| Размер на планшете | Параметр 16–100 |
| Размер на телефоне | Параметр 14–70 |
| Глубина на компьютере | Параметр 20–300 |
| Глубина на планшете | Параметр 10–200 |
| Глубина на телефоне | Параметр 5–100 |
| Переход, миллисекунд | Параметр 100–1500 |
| Шрифт: название CSS | Выберите значение в интерфейсе личного кабинета. |
Пошаговая установка
- Подготовьте ссылкиНазначьте разделам уникальные якоря и добавьте T178 для плавной прокрутки. В кабинете заполните строки «Название|ссылка».
- Создайте экран менюВ Zero Block задайте Window Container Height 100%. Добавьте HTML-элемент, выберите Window Container, центр по X/Y и размеры 100%.
- Вставьте результатСкопируйте сгенерированный код в этот HTML-элемент, не в отдельный текстовый элемент. В кабинете задаются цвета, размеры и глубина.
- Подключите открытиеВ T1093 выберите Zero Block меню и ссылку открытия. Добавьте в шапку иконку с этой ссылкой. Настройте фон и закрытие T1093.
- Получите код и проверьтеВ личном кабинете нажмите «Сгенерировать код». Скопируйте весь результат, вставьте по инструкции, опубликуйте страницу и проверьте публичный адрес на компьютере и телефоне.
Это код для HTML-элемента Zero Block. Текст вводится через настройки. Управление ограничено областью меню и не перехватывает прокрутку всей страницы.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в личном кабинете. Измените настройки и сгенерируйте код заново: ручное редактирование не требуется.
Почему в редакторе нет эффекта?
Проверяйте опубликованную страницу. Убедитесь, что нужные блоки, классы и ID соответствуют инструкции и на странице установлена только одна копия кода.
Что показывает живой пример?
Пример воспроизводит механику на демонстрационных элементах. На вашем сайте модификация работает с подготовленными элементами Tilda.