7 Нескучных кнопок для сайта в тильде | Tilda Zero Block, Figma
ฝัง
- เผยแพร่เมื่อ 1 ต.ค. 2024
- В этом уроке я покажу тебе 7 интересных кнопок в конструкторе сайтов тильда. Все кнопки мы создадим в Tilda Zero Block. Материал с видео: t.me/joinchat/...
_____________
Поддержать канал монетой:
(UA) secure.wayforp...
(Все страны) www.donational...
_____________
Платные Видео-уроки Tilda:
umapalata.net/... ( Уровень сложности 1/10)
umapalata.net/... (Уровень сложности 4/10)
umapalata.net/... (Уровень сложности 4/10)
umapalata.net/... (Уровень сложности 10/10)
Телеграм канал с полезностями:
t.me/joinchat/...
Школа дизайна:
umapalata.net
Мое портфолио:
umapalata.net/...
Меня зовут Макс Куратов, с 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. Настало время, когда мне захотелось передать весь свой опыт в сфере дизайна.
В этом уроке я покажу тебе 7 интересных кнопок в конструкторе сайтов тильда. Все кнопки мы создадим в Tilda Zero Block.
Материал с видео: t.me/joinchat/AAAAAEadvOAkiKMAeDJ-tQ
Платные Видео-уроки Tilda:
umapalata.net/marafon_tilda ( Уровень сложности 1/10)
umapalata.net/intensiv_tilda (Уровень сложности 4/10)
umapalata.net/tilda_zeroblock (Уровень сложности 10/10)
на моменте 8:18 не понял как вы соединили обводку с заливкой( расталкуйте пожалуйста
Макс если в tilda ма анимируем элемент по step by step,то к нему нельзя добавить базовую анимацию fane in up,есть ли код css для ,чтоб применить одновременно и step и базовую прописаную через код(fade in up)
Святые макароны! Какая красота. Блин снова на своем сайте переделки будут ))) Спасибо тебе Макс! Чем чаще ты выпускаешь видео тем дольше я делаю свой сайт 😂. Не останавливайся пожалуйста.
😁🔥
Что там по сайту, закончили? 😁
Помогите не могу найти код в телеграме по уроку
Макс, спасибо огромное за труд и за знания, которыми ты щедро делишься! У меня вопрос по кнопкам(я чайник в тильде): делаю кнопку для десктопа - все ок, назначаю url или точку перехода через html(тоже твое видео посмотрела). Адаптирую блок с кнопкой под мобильники и кнопка перестает выполнять переход, а в настройках пропадает параметр url. не могу найти решение и побороть такую напасть, а ведь наверняка все достаточно просто решается. Если несложно, подскажи, пожалуйста куда копать. Заранее благодарю
Спасибо за видео! Но у меня возникла проблема: никак не получается svg элементы с градиентной заливкой в тильду добавить. Solid без проблем определяет, а, например, image с градиентом становится абсолютно бесцветным
У меня такая же проблема. Изображение не отображается …
Блин, круто конечно! Одну кнопку уже применил) Только возникли проблемы с последней кнопкой на видео. У меня чёрный фон, а кнопка светло-жёлтая. Как сделать, чтобы цвет текста менялся от заливки кнопки?
Максим, добрый день! А подскажите пожалуйста, если на одной странице сразу несколько таких анимированных кнопок, я создала одну и потом Copy/Past во все окошки, но при наведении на первую анимируются все, а при наведении на остальные уже ничего не происходит. Что сделать? Создавать под каждое окошко новые button?
Спасибо за твои ролики! Не мог бы ты рассказать как задизайнить квиз на тильде как угодно через зеро блок. А то слышала что такое возможно, но никак не могу узнать как это делать.
на ютую канале "квиз" вроде бы там рассказывал как на тильде сделать
Спасибо большое за решение проблемы, как сделать собственную кнопку с ховером, когда изначально в Тильде элемент загружен, как картинка, а не как кнопка, из-за чего ее функционал сильно сужается.
Однако, решение есть, и без кодинга. Спасибо за классный урок.
Привет! Макс, по ссылке вместо материалов и шаблона открывается просто Телеграм-канал! (( Ну и проделки(( Можно работающую ссылку? Спасибо
Привет Макс відео топ як і всі на каналі продовжуй в тому ж духу))))
у меня анимация на 2 слоя не применяется (заливка, обводка). В зависимости от того, какой расположен выше, тот и работает. Если заливка над обводкой - просто меняется цвет заливки. Если обводка над заливкой, заливка не меняется а обводка растягивается
Очень вдохновляет! С Вашими видео перестаю бояться zero block😂
Какой ты красавчик, офигенно рассказываешь, доходчиво. Тебе огромная благодарность!))
ээээ, а голову куратора можно уменьшить? Или он неотъемлен от Тильды?
Макс большое спасибо, Ваш канал это лучшее что я встретила на Ютубе. Думала тильда это сложно. Вчера сделала эти кнопки и круто получилось, спасибо еще раз. Хочу к Вам на курс
ВОТ РЕАЛЬНО ВСЕ ЕСТЬ , НО НЕТ ОДНОГО КАК ЖЕ МЕНЯ СТИЛЬ КНОПКИ ПЛАЯ ???????
КАК МЕНЯТЬ ЦВЕТ /СТИЛЬ/КНОПКИ ПЛАЯ ???
Подскажите, а как в телеграмм канале найти код на кнопку последнюю?
Привет! Мог бы ты сделать поэтапную работу с заказчиком? Прям с самого начала, какую задачу дает заказчик, с чего ты начинаешь, как заканчиваешь, какие виды правок могут быть. Интересно посмотреть именно реальную работу!
Есть видео на канале
Да
@@MaksKyratov Я немного не правильно выразился. Я имел ввиду, снять видео как ты прям сам выполняешь заказ используя все эти навыки. Снять прям процесс создания и общения с заказчиком на реальном примере! Мне кажется многим было бы интересно посмотреть как именно ты сталкиваешься и разруливаешь трудности :)
Аля видеоблог, день из жизни создателя сайтов)
Это очень большой труд) я не готов столько времени на такое потратить
@@MaksKyratov Ну это так, идея на будущее) Может получится
блин, очень бросается интересная особенность произношения Максима, где он твердо произносит глухие согласные в конце слова как "цвеТ" :D
без негатива, просто забавно)
есть такое, часто еще в конце слов букву "А" договариваю на автомате) Но я сейчас стараюсь следить за этим)
Спасибо, мне как человеку который недавно открыл тильду очень помогло)) Но! Смутила сама кнопка которую добавили ради текста, смысл ее добавлять если можно добавить любой текст или иконку и выставить им свойства pointer events - none 😊
Можно и так . Смысл был в том , что кнопку вы сможете отслеживать, с точки зрения аналитики, а текст по клику нет
9:15 спасибо! Для меня это было "открытием Америки" - не знал. Просто супер!
Макс, а зачем на шейпы накидывать Button, можно и обычный текст написать - Pointer Events у текста тоже есть. Действие в любом случае к шейпу привязывается.
привет! прописал код на кнопку, с первого раза получилось. Реши закрепить второй раз и все исчезло. Час долбился , пробовал заново. Спустя час появилась стационарная заливка на 5% в левой части, нет анимации (заливка слева направо). Так кнопка и стоит с цветной полосой в левой части без анимации. Что это может быть ? Может магия какая-то))) просто покурить нужно ?
чувак ты лучший,такую инфу даже сами разработчики не дали,и такой вопрос а как эту кнопку допустим добавить в стандартное,допусти в правый угол????
Это очень крутой урок! Спасибо огромное за твои ролики, за большой труд!
Решилось таким путем : на одной странице было два кода один для фиксированного бокового меню бургер, второй на анимированную кнопку. Скрыл код для бургера и кнопка заработала. Так же заработали и анимации SBS для других кнопок.
Было бы круто услышать разъяснения от эксперта об этих моментах.
Спасибо, видос бомба, как всегда !!!
Крутая подача и всё по делу! Спасибо бро!)
Спасибо огромное! Подскажите, можно ли в тильде сделать одну кнопку, которую потом готовую можно вставлять, где нужно, одним кликом, а не создавать ее по новой в каждом нулевом блоке?
Крууутооо.... Представляю, какая крутая кнопка будет в моем след сайте 🤟
Мне понравилась кнопка для видео, туда любую ссылку на переход можно вставить?
Крутое видео по кнопкам👍👍
Подскажите пожалуйста, а почему нельзя текст на кнопке сделать просто текстом, а не некликабельной прозрачной кнопкой ?
Красавчик
Видео класс, спасибо!
Не хочу умничать, но анимацию для последней кнопки можно без кода сделать)
Та я поздно додумался, уже в начале видео поблагодарил про код и сказал что будет кодом сделано последняя кнопка ) в центре видео уже допер, что как без кода сделать)
А как¿
И
А как сделать в Зеро блоке стандартный эффект для кнопки типа Флеш?
Макс, дайте код пожалуйста! без кода последнюю кнопку не сделать.. в телеге его нет, урок интересен но без кода бесполезен. Заранее спасибо!
Приветствую. Есть я ничего в канала не удалял . Найдите пост и для удобства код написал в комментариях этого поста
@@MaksKyratov да приметствую, по поиску в вашем канале запрос 7 Нескучных кнопок не выдаёт ничего
Круто! Не то слово! С вашей помощью Zero block, а вмести с ним и Tilda, раскрыли свои возможности. Появилось чувство свободы. Не просто даются эти знания. Главное интересно, что-то уже начинает получаться. Только не останавливайтесь! Спасибо вам огромное.
ой, как классно, прям для меня!! На пальцах объяснения подробные, с толком и расстановкой !))
Жаль нельзя 100 лайков поставить!
Спасибо. Вы не напряжный)))
А вы умеете делать комплименты) спасибо
Мужик, ты как всегда крут! не знал вообще о фигме, буду осваивать...
скажи пожалуйста, а как ссылку вставить в кнопку? из за pointer events не хочет вставлять ссылку
Ссылку вставляем не в понтер ивэет, а в тот граф элемент, что ниже . Воспользуйтесь слоями, очень удобно найти нужно слой (или глазиком уберите поитер, потом верните)
@@MaksKyratov спасибо за ответ, в принципе я так и сделал, но почему то не открывается
@@MaksKyratov Спасибо за ролики))) Можно ведь оставить кнопке Pointer events - Auto, триггером назначить саму кнопку (верхний слой) и всё будет работать: и анимация, и кнопка. Я так делала)
@@ОльгаКравцова-ш7х У меня почему-то не получается сделать триггером кнопку( И прозрачная, и непрозрачная - не работает( В чем секрет?
💥💥Спасибо огромнейшее!!!!!!!
Шаман! Максим - ты крутой MAN!
Интересненько так, спасибо, твой друг!
Где можно взять HTML код?
А где сам код для кнопки? Исходник?
хорошо обьясняешь, плюсую
Спасибо Макс. 🤗
Максим, спасибо за видео. а в мобильной версии сайта тоже будет анимация работать.
да, но естественно надо будет ее вкл. И ВАЖНО: на моб у нас нет такого понятия как " при наведении", а только "по клику". Соответственно лучше сразу делать кнопки " по клику", так как нельзя на комп одно, на моб другое
Макс, подсел на твои уроки! Не могу найти этот код в телеге.
ой, там прилично нужно перемотать. Но досмотрите видео, там в конце рассказал как без кода это сделать
Очень нужный урок, супер.
ну как всегда, красавчик)
Крррутой урок!👍
Спасибо! Очень полезно )
круто
Спасибо за полезное видео)
Спасибо Макс! Как всегда все очень понятно и никакой "воды". Видос вышел очень кстати, потому что меня моя кнопка страшно бесила. Если еще напишешь как убрать сохраненные цвета из палитры будет вообще супер)))) Спасибо
спасибо) потянуть сохраненный цвет влево и отпустить
@@MaksKyratov спасибо!
здравствуйте, а подскажите, пожалуйста, не понимаю как сделать кнопку с текстом изначально черного цвета, а когда при наведении появляется заливка в кнопке, то чтобы цвет текста в кнопке был белого цвета... в видео черный фон и поэтому подходит один цвет текста кнопки, а у меня белый фон и нужно чтобы сразу был черный цвет текста кнопки, где только обводка, а при наведении на кнопку, текст кнопки с заливкой был белым?
Тут нужно выпить, чтобы понять вопрос)
@@MaksKyratov ))) у меня белый фон блока и изначально стоит кнопка с обводкой (с текстом черным в кнопке) и мне надо сделать, чтобы при наведении на кнопку она заливалась фоном, но с текстом белого цвета
В настройках есть : цвет фона при наведение , цвет текста при наведение
@@MaksKyratov так я выбрала в настройках color on hover - белый, а он все равно черный при наведении почему-то
@@MaksKyratov так у кнопки же pointer-events - none, поэтому он и не реагирует у меня на наведение
Крутой урок, спасибо.
Просто не настроил . Чтобы анимировала нужно вкл анимацию на моб