магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Прелоадер с раскрытием жалюзи для Tilda

Полосы заставки последовательно схлопываются, открывая содержимое страницы.
Подробнее о модеСвернуть описание

Что умеет мод

  • Создаёт полноэкранную композицию из отдельных ламелей.
  • Настраивает их количество, цвет и разделяющую тень.
  • Раздельно управляет временем счётчика и открытием полос.
  • Добавляет название бренда и необязательные проценты.

Как подключить

Последовательные ламелиНазвание и процентыКод в T123
  1. Оформите жалюзи

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

  2. Настройте название

    Введите бренд, выберите размер, шрифт, регистр, межбуквенное расстояние и цвет. При необходимости включите проценты: задайте суффикс, размер, цвет и отступ от названия.

  3. Подберите последовательность

    Задайте время счётчика и паузу перед открытием. Затем настройте длительность движения одной ламели и задержку между ними. Укажите максимальное ожидание и при необходимости включите удержание анимаций Tilda.

  4. Установите заставку

    Скопируйте код в T123 в начале страницы и опубликуйте. Проверьте всю последовательность раскрытия, читаемость названия и появление первого экрана. Убедитесь, что после ухода полос страница прокручивается.

Что учитывать. Число ламелей и задержка между ними влияют на общую длительность раскрытия. Проверяйте всю заставку, а не только движение одной полосы. Проценты связаны с заданным временем счётчика. Они не измеряют загрузку файлов; обычное открытие учитывает завершение отсчёта и готовность страницы.

Вопросы и ограничения

Можно убрать проценты?

Да. Отключите счётчик. Заданная длительность ожидания перед раскрытием продолжит использоваться и без видимого числа.

Почему полосы открываются слишком долго?

Проверьте количество ламелей, задержку между ними и длительность каждой. Большое число полос с большой задержкой заметно удлиняет последовательность.

Нужно создавать полосы в Zero Block?

Нет. Их создаёт один код прелоадера. Не добавляйте отдельные копии для разных экранов и не устанавливайте второй загрузчик на страницу.

Почему вместо жалюзи видно короткое затухание?

При системном уменьшении движения код использует упрощённый выход. Проверьте этот режим и обычное последовательное раскрытие.

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Другие варианты заставок

Made on
Tilda