Top.Mail.Ru
Loading...
AI-ассистент для Тильды
открой полную свободу творчества с GPT-5
Скидка 37% на первые 30 дней действует до 30 сентября
Мы в соцсетях
Ответим на вопросы
Техподдержка
No-code платформа для интеграции с российскими сервисами
Адаптер
Образовательные курсы и гайды для IT-специалистов
Академия
Партнерам
Клиентам
О нас
Плагин для Тильды
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
....
NLM243 • Время настройки: 2 минуты

Как сделать сдвигающийся баннер в Зеро блоке на Тильде?

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

Посмотрите, как будет выглядеть модификация на вашем сайте.

Дизайн настраиваете сами — наша модификация добавит нужный эффект.
Начни обучение уже сегодня и сделай шаг к успеху.
Получай поддержку кураторов, занимайся в удобном формате и выбирай направление, которое приведет к настоящим переменам.

Смотрите, как быстро установить модификацию

Инструкция
  1. Подготовительный этап
Создайте два Zero-блока:
  • Первый Zero-блок — будет баннером, который появляется поверх страницы, смещая контент вниз.
  • Добавьте закрывающий элемент с уникальным CSS-классом (например, closebutton) в Зеро блоке который будет баннером.

2. Настройка модификации

Заполните поля:
  • ID Zero-блока с баннером — впишите номер Зеро блока который будет баннером.
  • ID Zero фиксированного блока (опционально) — если на сайте используется фиксированное меню или фиксированный верхний блок, укажите его id в настройках модификации. Баннер будет появляться строго над этим фиксированным слоем, не перекрывая его и сохраняя правильную структуру страницы при показе и скрытии.
  • Класс кнопки закрытия — например, closebutton.
  • Имя cookie — уникальное имя для контроля повтора показа, например, black.
  • Время блокировки показа (часы) — например, 7.
  • Задержка появления баннера (мс) — например, 1000.

3. Вставка кода:
  • Скопируйте сгенерированный код модификации и вставьте его в блок "T123" на странице редактирования.
  • Опубликуйте страницу, чтобы изменения вступили в силу.

Поделись модификацией – получи +30 дней к подписке. Подробнее

Сгенерируйте код для своего сайта

Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1

Популярные решения для вашего сайта

Не нашли нужное решение?

Часто задаваемые вопросы

Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.