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

Как добавить эффект рисования в Зеро блок на Тильде?

Эта модификация позволяет вам рисовать прямо на странице вашего сайта. Вы можете легко выбрать цвет и размер "кисти".
Инструкция

Шаг 1.
Заполни поля в генераторе.

1. Класс кнопки очистки холста
- Укажи CSS-класса любого элемента в Зеро блоке, который будет использоваться для очистки холста. В слоях Зеро блока перемести этот элемент на самый верх.

2. Размер маркера
- В этом поле укажи размер маркера в пикселях. Например, 5.

3. Цвет маркера
- В данном поле укажи цвет, которым будет рисовать пользователь. Например, #0058ff

Шаг 2.
Добавь на страницу сайта Зеро блок. В Зеро блоке добавь два элемента:
  • HTML-элемент;
  • Любой, к которому добавишь класс очистки холста.

Шаг 3.
Когда всё готово — копируешь HTML-код и вставляешь его в HTML-элемент в Зеро блоке.

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

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