Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
NLM055 ВРЕМЯ НАСТРОЙКИ: 1 МИНУТА

Как сделать свой курсор для зеро блока в TILDA?

С помощью нашего скрипта ты можешь сделать свои курсоры в Tilda Publishing, привязав его к конкретному месту на сайте.
*Готовые курсоры можно найти в Figma Community по запросу «Cursor».
Инструкция
1. Добавляешь в Зеро-блок элемент. И указываешь ему тот же class, что и в генераторе (например, cursorCls).

Что бы указать class у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываешь class.

2. Вставляешь галерею GL12 и загружаешь в неё свою иконку курсора. Формат иконки советуем использовать svg или png. Изначальный размер иконки выбираем в макете. Копируем её ссылку;

3. Настраиваешь следующие поля в генераторе::
  • «Впишите класс» — Указываешь элемента, на котором будет меняться курсор
  • «Координата X»
  • «Координата Y»
Указываешь координаты, если в курсоре присутствует "палец" или любой другой элемент, который является "указателем". От верхней точки "Указателя" до краев (верхнего и левого) области мышки измеряешь расстояние в пикселях и прописываешь в координаты. Y - вертикальный отступ (до верхнего края), X - горизонтальный отступ (до левого края)

  • «Вставьте иконку на курсор при наведении» — Ссылка на иконку курсора, который мы добавили в галерею;

4. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;

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