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

Прелоадер с монограммой для Tilda

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

Что умеет мод

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

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

Буква и контурПять форм рамкиКод в T123
  1. Выберите букву

    Введите название бренда: для монограммы берётся первый символ. Настройте регистр, шрифт, размер и межбуквенное расстояние. Сравните вид буквы до заливки и после неё, особенно при использовании необычного шрифта.

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

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

  3. Добавьте подпись и движение

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

  4. Установите прелоадер

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

Что учитывать. Это текстовая монограмма, а не загрузка готового SVG-логотипа. В текущем интерфейсе используется первый символ; для полного названия выберите другой текстовый прелоадер. В обычном режиме после прорисовки учитывается готовность страницы, затем выполняются заливка, пауза и выход. Используйте одну заставку на странице.

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

Можно заменить круг квадратом?

Да. Круг — один из пяти готовых вариантов. Кроме квадрата доступны ромб, шестиугольник и треугольник.

Можно нарисовать сразу две буквы?

В текущем варианте берётся только первый символ названия. Многобуквенная монограмма не задаётся отдельной настройкой.

Можно убрать подпись под рамкой?

Да. Отключите подпись, если достаточно одной буквы. Её текст и оформление не связаны с размером монограммы.

Почему контур появляется без полной прорисовки?

Проверьте системное уменьшение движения. В этом режиме код сокращает анимацию и использует упрощённое исчезновение заставки.

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

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

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

Made on
Tilda