Прелоадер в виде терминала для Tilda
Окно с печатающимися строками создаёт сценарий запуска перед появлением страницы.Подробнее о модеСвернуть описание
Прелоадер в виде терминала для Tilda
Окно с печатающимися строками создаёт сценарий запуска перед появлением страницы.Что умеет мод
- Последовательно печатает подготовленные вами строки лога.
- Выделяет часть строки акцентом и подставляет название бренда.
- Настраивает окно, заголовок, текст и мигающий курсор.
- Управляет скоростью печати, паузой и уходом заставки.
Как подключить
Подготовьте сценарий
Введите название проекта и заголовок терминала. Добавьте короткие строки в нужном порядке. Маркер {brand} подставляет название, а символ | отделяет часть строки, которую нужно выделить акцентным цветом.
Оформите окно
Задайте фон страницы, терминала и заголовка, цвета текста и акцента. Подберите максимальную ширину, скругление и внутренние отступы. Название, заголовок окна и строки лога имеют отдельные текстовые настройки.
Настройте печать
Укажите минимальную и максимальную задержку символа, паузу после завершения и максимальное ожидание. Подберите скорость ухода окна и появления финального экрана. При необходимости включите курсор и задайте его размер и цвет.
Установите и проверьте
Вставьте код в T123 в начале страницы и опубликуйте. Прочитайте весь сценарий на телефоне, проверьте длину строк, завершение печати и доступность страницы. Удержание анимаций Tilda включайте, если это нужно первому экрану.
Что учитывать. Строки терминала — заранее подготовленный текст. Они не выполняют команды, не проверяют сервер и не показывают настоящий журнал загрузки. Чем длиннее сценарий и задержки символов, тем дольше печать. Используйте короткий текст и один прелоадер; обычный выход учитывает завершение сценария и готовность страницы.
Вопросы и ограничения
Как выделить статус в конце строки?
Разделите строку символом |. Часть справа получит акцентный цвет, например в строке «Подготовка |готово».
Нужно вручную менять бренд в каждой строке?
Можно использовать {brand}: при подготовке кода этот маркер заменяется названием проекта. Остальной текст строки сохраняется.
Что будет при пустом заголовке окна?
Конструктор сформирует заголовок из названия бренда с добавлением обозначения оболочки. Для своего текста заполните поле заголовка.
Можно выключить мигающий курсор?
Да. У курсора отдельный переключатель. Он не управляет содержимым строк; также проверьте сокращённый сценарий при системном уменьшении движения.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
