Баннер в тильде из зеро блока

Разработка яркого баннера на сайте — ключевой шаг для любого бизнеса, который хочет выделиться в интернете. Одним из самых популярных инструментов для этого является Tilda. Если вы хотите достичь максимальной гибкости и креативности, то создание баннера с помощью Zero Block в Tilda — отличный вариант. В этой статье мы подробно расскажем, как создать баннер с использованием Zero Block в Tilda, а также поделимся полезными советами и рекомендациями.

Предлагаем вам пошаговую инструкцию по созданию баннера в тильде из зеро блока:

Cоздайте зеро блок в любом месте вашей страницы или в header, если у вас многостраничный тильда сайт
Откройте настройки зеро блока, нажмите на «BLOCK CSS CLASS NAME», в появившемся поле введите класс «uc-banner»
Откройте редактор зеро блока и удалите из него все элементы
Удалите фоновую заливку блока
В поле «WINDOW CONTAINER HEIGHT, %» пропишите цифру «100»
Найдите пункт настроек «POSITION AND OVERFLOW» и в подменю «POSITION» выберите «Fixed»
Создайте ваш баннер любым удобным для вас способом
На баннере создайте элемент, который будет закрывать ваш баннер
Нажмите правой кнопкой мыши на этот элемент и выберите «Add CSS Class Name»
В появившемся поле пропишите класс «close-banner»
ВАЖНО! Все элементы, из которых состоит баннер, включая кнопку закрытия, должны быть добавлены в WINDOW CONTAINER! Для этого нажмите на «+CONTAINER», в подменю «CONTAINER» выберите «Window Container»
«AXIS X» и «AXIS Y» настройте в соответствии с тем, где именно вы хотите расположить баннер. Например, если баннер должен быть расположен в правом нижнем углу, то в «AXIS X» и «AXIS Y» нужно выбрать «Right» и «Bottom»
После того, как настроите ваше баннер, сохраните и закройте зеро блок
После всех блоков на странице или в header создайте html блок «Т123»
Нажмите не кнопку «Контент», скопируйте туда код модификации и опубликуйте страницу

Получить код модификации

Введение

Как создать баннер в тильде из зеро блока