Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Услуги

....
NLM160 • Время настройки: 1 минута

Прелоадер с градиентным текстом

Модификация создает анимированный градиентный прелоадер, который отображает текст с эффектом печатной машинки перед загрузкой контента страницы
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.

Смотрите, как быстро установить модификацию

Амбассадор Нолим — Дарья Ефремова подготовила бесплатный шаблон и видеоинструкцию по настройке данной модификации.
Инструкция
  1. Для того чтобы настроить прелоадер заполни следующие поля в генераторе:
  • «Цвет фона прелоадера» - цвет фона прелоадера;
  • «Текст для прелоадера» - основной текст для прелоадера;
  • «Скорость печати (ms)» - скорость набора текста прелоадера;
  • «Задержка скрытия (короткая, ms)» - время скрытия прелоадера, если страница загружается быстро;
  • «Задержка скрытия (длинная, ms)» - время скрытия прелоадера, если страница загружается долго;
  • «Размер шрифта» - размер шрифта текста на компьютерных устройствах;
  • «Размер шрифта для моб. устройств» - размер шрифта текста на мобильных устройствах;
  • «Цвет текста» - основной цвет для текста
  • «Непрозрачность» - установи непрозрачность для текста от 0.1 до 1;
  • «Цвет градиента текста» - второй цвет для формирования градиента;
  • «Выбор шрифта для текста» - шрифт текста прелоадера из настроек твоего сайта
  • 2. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;

Сгенерируйте код для своего сайта

Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1

Популярные решения для вашего сайта

Не нашли нужное решение?

Часто задаваемые вопросы

Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.