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

Прелоадер с бегущими строками для Tilda

Две текстовые ленты, акцентное слово и крупный счётчик между ними.
Подробнее о модеСвернуть описание

Что умеет мод

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

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

Две текстовые лентыАкцентное словоКод в T123
  1. Введите текст

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

  2. Оформите типографику

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

  3. Настройте движение

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

  4. Проверьте публикацию

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

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

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

Как сделать строки медленнее?

Увеличьте время цикла прокрутки. Длительность счётчика задаётся отдельно и не является скоростью движения текста.

Можно оставить строки без процентов?

Да. Отключите счётчик. Текстовые ленты и их выход продолжат работать.

Почему видны большие пустые участки?

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

Будет ли заставка повторяться после открытия сайта?

Нет. Зациклено превью для настройки. Установленный код открывает содержимое; новая полная загрузка страницы может запустить заставку заново.

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

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

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

Made on
Tilda