Loading...

Как стилизовать поле загрузки файлов в любой форме Tilda?

Модификация может кастомизировать поле загрузки файлов, загрузить свою иконку, размер и цвет текста, цвет фона до и после загрузки, тип и толщину бордера
Время настройки: 3 минуты
Генератор кода
Видео
Пример
Загрузи свой файл
Прикрепи файл и увидишь как работает кнопка загрузки
Инструкция
1. Если нужно что бы все поля загрузки во всех формах на сайте были одинаковыми, то можно не указывать id блока формы или Zero блока в которой находится форма;

2. Настраиваем стили кнопки: цвет текста, фона, бордера, толщина и тип обводки, радиус скругления, размер и насыщенность текста внутри кнопки;

3. Настраиваем дополнительный текст кнопки, сам текст, цвет, размер и насыщенность;

4. Вставляем галерею GL12 и загружаем в неё свою иконку "загрузка". Переходим по ссылке и копируем её и вставляем в генератор. Формат файла советуем использовать svg;

5. Настраиваем стили кнопки при наведении;

6. Настраиваем стиль кнопки при статусе "Файл загружен";

7. Добавляем блок Т123 и вставляем в него сгенерированный HTML код на страницу где находится форма или в шапку сайта;

ВАЖНО: Модификация не работает с Uploadcare!
id блока с формой
Цвет текста
Цвет фона
Цвет бордера
Толщина бордера (px)
border
border-radius (px)
Размер шрифта (px)
Насыщенность
Текст
Цвет текста
Размер шрифта (px)
Насыщенность
Ссылка на иконку
Цвет текста
Цвет фона
Цвет бордера
border
Цвет доп. текста
При статусе "Файл загружен"
Цвет текста
Цвет фона
Цвет бордера
Размер бордера (px)
border
Цвет доп. элементов
Ссылка на иконку справа
Код доступен только тем, кто оплатил подписку
Подписка стоит 390р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda