1 мин

Zeroblock

Light

5

Этот скрипт позволит тебе сделать бургерное меню из зероблока. Модификация совместима с Autoscale.

Как сделать бургер-меню из зероблока на Тильда?

(cвернуть)
Инструкция
#menuopen
#menuclose

1. Создай на странице в любом блоке свои шейп/кнопку по которой будет открываться меню и задай ей ссылку

2. Добавь на страницу блок МЕ403

3. Создай на странице зероблок который будет твоим меню, задай ему window container height: 100% и добавь его ID в генератор

4. Внтри твоего меню из зеро создай шейп по которому по клику меню должно закрываться и задай ему ссылку

5. Cгенерируй код со всеми нужными тебе остальными параметрами и вставь полученный код в блок т123

– Если тебе нужно чтобы меню выезжало слева а не справа, то просто выбери соответствующий пункт в настройках блока МЕ403 (раздел "основные настройки")

- Если тебе нужно чтобы в кнопка с ссылкой на текущую страницу в твоём меню подсвечивалась для упрощения навигации, то задай соответствующие настройки в разделе "кнопка активной страницы"

- Если тебе нужно задать прозрачность и размытие фона бургер-меню из зеро, то не задавай цвет внутри зеро. Вместо этого воспользуйся полями в генераторе

- Обрати внимание что параметры нужно указывать прямо как написано для ориентира полупрозрачным. Именно в таком формате ожидает ввода генератор

Важно!

undefined
undefined
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Кнопка активной страницы
undefined
undefined
Скопировать код
Уверенным пользователям, которые каждый день зарабатывают на создании и верстке сайтов
Всё, что во Free и Pro на 1 месяц
и еще:
Pro на 1 год
2 990 ₽
1400 ₽ — ваша выгода
Всё, что во Free
и еще:
У кого пока непрогнозируемая рабочая загрузка и расширение нужно только 
в определенное время
Pro на 1 месяц
390 ₽
Для знакомства с сервисом и тестирования бесплатного функционала
Free
Этот мод доступен на PRO тарифе
Приоритетная поддержка
~50 новых модификаций, которые планируем выпустить в течение года
Обновления библиотеки с учетом изменений Tilda
ИИ-помощник с базовыми моделями
Возможность голосовать за новые моды и закрытый чат (скоро)
undefined
~25 Pro-модификаций
Генератор CSS
Распознавание блоков
Показать блоки т123
Автосохранение Zero-блока
Подсветка кода в т123
undefined
undefined
~20 бесплатных модификаций
Темная тема для Tilda
Кнопки быстрой публикации
Настройки меню в редакторе
Никаких автоплатежей
 
123

Примеры работы модификации
Чтобы увидеть пример бурег-меню из зеро, просто кликни на бургерное меню справа сверху.

Оно может выезжать с любой стороны и если в нём добавить кнопки с ссылками, то кнопка с ссылкой на текущую страницу подсветится автоматически
Чтобы закрыть бургер-меню из зеро, кликни на кнопку справа сверху
Это меню из зеро