Zero Block.
Создание блока с нуля
«Нулевой» блок (Zero Block) — это профессиональный редактор внутри Тильды, который позволяет реализовать любую идею, создавая блоки с собственным дизайном. Это как популярные графические редакторы. Только в Тильде.
Чтобы добавить «Нулевой блок» на страницу, нажмите кнопку Zero внизу страницы. Либо выбeрите его в библиотеке блоков — он находится в самом низу, после категории «Другое».
Zero Block сохраняет основные функции обычного блока — его можно копировать, перемещать, удалять, прятать. У него есть настройки. Только вместо кнопки «Контент» кнопка «Редактировать блок». Ее нужно нажать, чтобы начать редактирование блока, откроется редактор.
Добавление контента на блок
Настройка блока под разные экраны. Если готовые блоки изначально адаптированы под различные устройства, то зеро блок нужно верстать самостоятельно, для этого меняйте тип устройства вверху: компьютеры-ноутбуки, планшеты, телефоны и т.д.
Сохранить все изменения можно с помощью кнопки “SAVE”, выйти из редактора кнопка “CLOSE”. Даже если вы не сохранили изменения, но нажали на выход, тильда все равно перед закрытием спросит: выйти из редактора не сохраняя, или сохранить и выйти из редактора.
В «Нулевом блоке» две рабочих области или два «контейнера»: область сетки — Grid Container и Window Container — условное обозначение границ экранов браузера.
В Grid Container используется та же сетка, что и в Тильде, 12 колонок (1200 px). Если включить привязку объектов к Grid Contaner и располагать элементы внутри Grid Container, то они всегда будут в границах 12 колонок, независимо от размера экрана.
Как добавить «Нулевой блок»?
Общее представление об интерфейсе
Отменить последнее действие
Импорт, например, из фигмы
Справочный центр для зеро блока
Скрывать/показывать свои направляющие
Добавить горизонтальную направляющую
Добавить вертикальную направляющую
Глобальные настройки всего блока. Кнопка SETTINGS
Общие свойства любого элемента. Кнопка SETTINGS
Выравнивание элемента относительно блока. По середине, по центру, по левому краю и т.п.
Координаты размещения X и Y в Grid или Window Container, W - ширина H - высота
Порядок в слоях. Объект перед или за другими объектами
Копирование, удаление, закрепление объекта
Эффекты: блюр, контраст и т.п.
Настройки текста (add text)
Настройки галереи, слайдера (add gallery)
Выравнивание текста по левому краю, по середине, по правому краю
Расстояние между строками и символами
Назначение заглавными буквами, прописными и т.п.
Настройки кнопки (add button)
Цвет кнопки без наведения
Цвет текста при наведении
Цвет стрелок при наведении
Прозрачность при наведении
Размещение стрелок относительно слайдера
Настройки фигуры (add shape)
Тип фигуры:
прямоугольник
круг
линия
Настройки изображения (add image)
Кнопка с линейным градиентом
Кнопка с линейным градиентом
linear-gradient(0.318turn,rgba(0,0,0,1) 0%,rgba(100,12,255,1) 100%)
linear-gradient(0.737turn,rgba(0,0,0,1) 0%,rgba(35,0,255,1) 100%)
