Loading...
Адвент-календарь для Tilda-дизайнеров
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Адвент-календарь для Tilda-дизайнеров
....
NLM055 • Время настройки: 1 минута

Свой курсор для Зеро блока на Тильде

С помощью нашего скрипта ты можешь сделать свои курсоры в 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.

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

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

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

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

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

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