Tilda. КАК РАБОТАТЬ В TILDA ZERO BLOCK | 💓 Анимация, Видеофон, Верстка. Тильда конструктор сайтов

Поделиться
HTML-код
  • Опубликовано: 25 окт 2024

Комментарии • 102

  • @MaksKyratov
    @MaksKyratov  4 года назад +10

    0:18 План
    2:40 Photoshop вырезаем бутылку "Corona"
    3:19 Качай курс photoshop бесплатно;
    5:41 Объясняю на пальцах как устроена анимация нашего сайта;
    6:42 Практика Tilda, создаем Zero Block;
    7:07 Видеофон
    10:09 Инструмент Shape тильда (4-х угольники);
    11:52 Инструмент image тильда ( бутылка);
    13:08 Анимация в тильде (виды анимации)/ анимация 4-х угольников;
    17:17 Анимация бутылки (шаг за шагом);
    18:20 Анимация бутылки (базовая анимация);
    19:42 Инструмент Текст Тильда
    20:24 Разница между containet window и grid;
    24:58 Исправляем ошибку с шейпом (выравнивание);
    26:55 Как с одного блока перенести элементы в другой блок;
    30:31 Пункты меню Тильда в Zero block;
    31:47 Анимация текста в зеро блок;
    32:39: Курс Tilda: umapalata.net/intensiv_tilda
    Вторая часть урока:
    ruclips.net/video/uBvlFRDnWbw/видео.html
    Хочешь скачать ID этого шаблона?
    Качай в телеграм канале: t.me/joinchat/AAAAAEadvOAkiKMAeDJ-tQ

  • @dishaforex
    @dishaforex 3 года назад +16

    Бутылочка «Короны» в 20-ом году звучит по особенному!

  • @shushu3819
    @shushu3819 4 года назад +6

    Это мой первый урок по Тильде, который я ПОНЯЛА, и всё получилось!! Спасиииибо!

    • @MaksKyratov
      @MaksKyratov  4 года назад

      ну при чем это далеко не легкий)

  • @alenaorlova1497
    @alenaorlova1497 Год назад +1

    Благодарю от всей души! Супер просто и понятно доносите информацию, круто!

  • @боба-ъ7я
    @боба-ъ7я 4 года назад +11

    Понравился ролик, подача простая. Продолжайте в том же духе! Спасибо за ролики.

  • @marusovasvetlana6138
    @marusovasvetlana6138 Год назад +1

    Максим, спасибо, столько времени прошло, а мы учимся у Вас. КРУТО. ЗДОРОВО. ЛЕГКО и КЛАССНО - СПАСИБИЩЕ !!! МИРА и БЛАГОПОЛУЧИЯ

  • @MaksKyratov
    @MaksKyratov  4 года назад +3

    Вторая часть урока:
    ruclips.net/video/uBvlFRDnWbw/видео.html

  • @MultiPlushy
    @MultiPlushy 2 года назад +1

    ХОСПАДЕ!! Какая же я молодец!!! Неужели я сделала эту круть!!! Макс, СПАСИБИЩЕ ОГРОМНОЕ!

  • @kpdpok
    @kpdpok 3 года назад +1

    Спасибо за подробный урок. Буду внедрять в сайты анимацию. Раньше боялся зеро блока. Теперь подружился.

  • @andreyborys
    @andreyborys 3 года назад +2

    Воу, это что-то слишком крутое!! Спасибо за этот урок!!! Я даже не мог подумать, что тильда даёт такие возможности!!! Огромный респект

  • @Fekla_7481
    @Fekla_7481 2 года назад

    Макс, как всегда, блестящий урок. Вы дарите вдохновение, желание познавать. Благодарю.

  • @irinayak4217
    @irinayak4217 Год назад

    Спасибо тебе огромное Макс, за такой простой и доступный язык познавания Z-block!

  • @dddddsas
    @dddddsas 6 месяцев назад

    Ты крут. Спасибо за такие видео

  • @dauletkenzhekhan825
    @dauletkenzhekhan825 4 года назад

    Тигр ты просто, от души. Без воды и только полезное!!!

  • @vitrageline
    @vitrageline 3 года назад +1

    Просто охрененно, чувак!

  • @olesyaguskova9361
    @olesyaguskova9361 4 года назад +3

    Отличные видео, спасибо за ваши уроки

  • @sher8279
    @sher8279 Год назад

    Лучший, спасибо огромное

  • @liberty4187
    @liberty4187 Год назад

    Очень круто, спасибо, попробую. Подписалась🤗

  • @Atomy_effect
    @Atomy_effect Год назад

    Спасибо за урок !!!

  • @alana.happy.
    @alana.happy. 3 года назад

    Для меня это самое крутое видео по работе с зеро блоком!!! 😍 Спасибо!!! Ответы на вопросы которые я даже не ожидала!

  • @Artemone1000
    @Artemone1000 3 года назад

    Макс спасибо за урок, очень клевый + ті доступно и хорошо объясняешь и показываешь всё

    • @MaksKyratov
      @MaksKyratov  3 года назад

      Спасибо за приятные слова)

  • @konstantin5852
    @konstantin5852 3 года назад

    Спасибо большое, искал как убрать автоплэй, помог

  • @YummyChannelTina
    @YummyChannelTina 2 года назад

    Супер полезное видео! Спасибо большое))) Пойду пробовать)

  • @andddd-
    @andddd- 3 года назад +1

    Спасибо, недавно прошел курс по тильде, там zero-блок вскользь упомянули, хотя, по мне самый интересный элемент, с вашего видео почерпнул для себя полезную информацию.
    В целом понял, что полезней и дешевле почитать документацию тильды, и посмотреть ролики на ютуб, чем курсы инфоцыган проходить..

    • @MaksKyratov
      @MaksKyratov  3 года назад +1

      не знаю что ответить. У меня тоже есть курсы) Инфоцигани это те, кто успешный успех продают. Не все образовательные курсы инфоциганство.

    • @MaksKyratov
      @MaksKyratov  3 года назад +1

      "почитать документацию тильды" естественно можете. Можно и программирование по книжкам выучить. А есть инфокурсы, где люди с опытом выдают выжимку ровным счетом то, что нужно, а не все и обо всем. Корочу я к тому, что не стоит всех онлайн-преподавателей под один ярлык "инфоциганства". Заметьте, я даже ссылку на курсы вам не кинул)

  • @ekaterinakilikeeva4036
    @ekaterinakilikeeva4036 3 года назад

    Красавчик 👏🏻👏🏻👏🏻 Очень круто

  • @ЮлияЧезганова-с2у
    @ЮлияЧезганова-с2у 2 года назад

    Макс!!! Огромное вам спасибо за инфу!!!!!!!

  • @mZhukov94
    @mZhukov94 3 года назад

    супер, спс за контент, счастья вам

  • @LadaL-zk8fc
    @LadaL-zk8fc 2 года назад

    Очень помог, спасибо!

  • @lemonsanon
    @lemonsanon 3 года назад

    Очень крутая работа!

  • @АруукеКутманова
    @АруукеКутманова 2 года назад

    Спасибо

  • @АннаКулинская-ш6у
    @АннаКулинская-ш6у 3 года назад

    Пошла купила себе корону)

  • @АнфисаСофия
    @АнфисаСофия 3 года назад

    Макс всё отлично, видео твои просто космос, одна поправка FOLLOW US читается как фалоу ас. 😎

    • @MaksKyratov
      @MaksKyratov  3 года назад

      спасибо, обязательно учту в след. раз!

  • @sachenkodima
    @sachenkodima 4 года назад +1

    Макс спасибо.

  • @ЮлияЛактионова-з5ь
    @ЮлияЛактионова-з5ь 2 года назад

    Добрый день! Спасибо за Ваши видео. Начала с нуля и прямо с этого зеро блока. Объяснение ОЧЕНЬ доступное, все получилось. Второй раз уже новую версию создала без подглядывания. Есть вопрос: подскажите, пожалуйста, когда такая роскошная первая страница, наверное, лучшее вниз потом не дорабатывать, а сделать просто новые страницы, как Вы считаете?

  • @ЮлияЛактионова-з5ь
    @ЮлияЛактионова-з5ь 2 года назад +1

    И еще вопрос, простите. В видео меня интересовала часть с 86 секунды по 136. Так вот первый раз прокручивает как задано, а второй раз, когда срабатывает автоплей начинает крутить с начала, т.е. с нулевой секунды. Это я что-то делаю не так или это норма? Заранее благодарю за ответ

  • @ДенисОлешко-ы3г
    @ДенисОлешко-ы3г 4 года назад +3

    с такими уроками, я у тебя буду отбивать клиентов!)) шутка конечно, хороший урок и очень информативный!

  • @adeliasafina7341
    @adeliasafina7341 2 года назад

    спасибо

  • @gghxq6393
    @gghxq6393 3 года назад

    очень круто:)))

  • @ЭльвираБикмаметьева

    Здравствуйте, подскажите пожалуйста почему видео автоматически не воспроизводиться, настройки как по видео сделала

  • @kpdpok
    @kpdpok 3 года назад

    Сделал эту анимацию и первый раз все работало как надо. Потом правый шейп стал в конце движения влево заходить за центр экрана.
    Я его возвращаю назад и при PlayAll все нормально. при просмотре и публикации он опять выезжает левее центра.
    Пробовал удалять шаги анимации для всех элементов и делать заново, Все равно этот косяк.
    Приходится ручками подбирать положение правого шейпа на втором шаге анимации не по центру а чуть правее.
    Заснял это на видео, чтобы было наглядно видно мои настройки.

  • @huaweinova5t877
    @huaweinova5t877 2 года назад

    Макс, а как сделать так, чтобы в макете этого дизайна качество видео сразу было хорошее выше 720? Да и вообще в целом любого видео, которое вставляешь в зеро блок?

  • @alikey686
    @alikey686 Год назад

    Макс, привет! Такой вопрос: добавила свое видео начиная с 215 секунды и заканчиваю на 239. Но по истечению заданного интервала видео начинается не с 215 секунды, а с самого начала :( не понимаю в чем причина, повтор поставила, но все равно крутит с начала

  • @СаятАйбекулы
    @СаятАйбекулы Год назад

    А почему на телефоне анимация не плавная, а скорее как телепорт?
    Ответьте пожалуйтса)

  • @vemiros
    @vemiros 3 года назад

    И при смене монитора с большим разрешением аесь контент ползет в разные стороны. У Вас была такая проблема?

  • @vemiros
    @vemiros 3 года назад

    Добрый день! При попытке добавить видео в фон как у Вас в итоговом варианте получаются отступы по краям черного цвета. Как бы видео не растягивала отступы (граница черного цвета) сохраняются. Не подскажите в чем может быть причина? Заранее спасибо за ответ!

  • @himmbaza_channel6088
    @himmbaza_channel6088 3 года назад

    Доброго времени суток, увеличиваем видео дабы скрыть инструменты youtube, они исчезают. Но остается виден таймлайн видео при наведении курсора на видео. Как быть ?

  • @julia-bb1jl
    @julia-bb1jl 3 года назад

    Спасибо, было полезно. Подскажите, есть ли возможность наложить градиент на видеофон в Зероблоке? Так как по умолчанию фон бэкграунда в слоях ниже, чем видео.

    • @7551185
      @7551185 3 года назад

      Я тоже не понял, поэтому просто сделал шейп в цвет нижнего блока, а элементы нижнего блока поставил чтоб отображались

  • @ДмитрийЗалазаев-ж9с

    Макс, огромное спасибо за полезные и познавательные видео! Есть проблемка - в браузере Google Chrome не запускается видео в режиме autoplay. ОС - Windows-10, "Последняя версия Google Chrome уже установлена
    Версия 88.0.4324.182 (Официальная сборка), (64 бит)" - это из настроек.
    Ставлю в Microsoft Edge - все работает без проблем.
    На смартфоне тоже не отображается, но там видимо от особенностей ОС гаджета зависит.
    Не сталкивался с такими вещами? Как с этим бороться?

  • @evgeniya2532
    @evgeniya2532 2 года назад

    Скажите, пожалуйста. Не получается видео на фон с автопроигрывателем. Вставляю блок с видео, урл с Ютуба. Предварительный просмотр видео загружается, но автоматически не включается, только с кнопки. В чем может быть проблема?

  • @Челспереулка-ч1ч
    @Челспереулка-ч1ч 4 года назад

    Привет! Помоги пожалуйста начинающему веб дизайнеру. Какой размер (в пикселях) изображение лучше использовать для обложки ?

    • @MaksKyratov
      @MaksKyratov  4 года назад

      Привет , если не сильно хочешь заморачиваться, то делай ширину 2000px (высота автоматом подстроится). Если хочешь заморочится ко радрируй под HD (HDTV (Full HD) (FHD) 1920 × 1080)

  • @donbotdonbot2522
    @donbotdonbot2522 3 года назад

    Добрый день вы растянули, но на некоторых мониторах все равно интерфейс будет Ютуба будет виден, как его отключить, видео что малый бизнес дает гораздо хуже качеством, чем у официантов короны.....поэтому вторая причина растягивать не подходит.......как быть, может вы уже нашли лучшее решение????????? Да и на мобиле почему то в бок открывается, хотя center center установил???????

  • @КатяПравик
    @КатяПравик 4 года назад

    Очень!

  • @anton_milevsky
    @anton_milevsky 3 года назад

    Подскажите, почему у меня повторение видео начинается с 0 секунды, а не с 6 как это происходит при первой загрузке? А так же, все последующие разы, видео не заканчивается на заданной секунде и проигрывается до конца.

  • @alexOXz
    @alexOXz 2 года назад

    Ставлю с 6 секунды и зацикливание. Как только 1 раз проиграл, следующий начинает с 0 секунды... это у меня только? Каждый раз видно загрузчик тоже не очень... Что-то можно с этим сделать?

  • @elenaaleksandrovna8616
    @elenaaleksandrovna8616 2 года назад

    Здравствуйте, подскажите пожалуйста: у нас на сайте на тильде размещен код формы калькулятора в zero блоке. Сервис, который предоставляет калькуляторы, сообщает что уменьшил максимально размер формы. Но все равно форма вся не влезает в один блок и приходится использовать прокрутку, что неудобно. Ещё картинки рядом хотим уместить. Подскажите, пожалуйста как быть? Можно решить проблему только с программистом?

  • @Andrey-yr4ev
    @Andrey-yr4ev 2 года назад

    Скажите пожалуйста можно перейти с зеро блока в обычный режим после небольшого редактирования?

  • @phillstolyarov9559
    @phillstolyarov9559 2 года назад

    заебись

  • @ibragimusa
    @ibragimusa 3 года назад

    Здравствуйте Максим!
    Как сделать плавный переход между блоками тильда в зеро блок? Например мне нужно что бы в каждом блоке был свой цвет, но что бы он плавно переходил из одного цвета в другой? Спасибо заранее

    • @MaksKyratov
      @MaksKyratov  3 года назад

      Приветствую , стандартный блок в разделе «разделители»

  • @JuliaGornostaeva-d8y
    @JuliaGornostaeva-d8y 3 года назад

    А как убрать значок загрузки видео в начале? Выглядит вообще не очень
    И еще почему-то видео проигрывается в установленных пределах, но потом начинается не с указанной секунд, а с начала.
    Что не так?

  • @ОксанаПырина-з9л
    @ОксанаПырина-з9л 2 года назад

    Здравствуйте, не могу понять почему ссылка с ютуб не открывается в тильде, я копию ставлю потом нажимаю save она пропадает 🙄 что делать?)🙏

  • @irina.gamulina
    @irina.gamulina 4 года назад +1

    очень круто!)) спасибо. сделала похожую анимацию, но сайт совсем перестал грузиться. В сафари грузится после обновления страницы. Инкогнито в сафари попробовала, вообще не грузится. На мобильном сайт грузится, но анимация не работает. только текст((( в чем может быть причина?

    • @MaksKyratov
      @MaksKyratov  4 года назад +1

      Привет. Посмотрите в описание видео есть ссылка на вторую часть, так как раз ответы на эти вопросы

  • @ВддАлло
    @ВддАлло Год назад

    добрый день, делаю всё как на видео ,но получается совсем не так. Центр находится в правой стороне, приходится прописывать значения больше чем у вас на видео для перемещения,хотя в самом редактировании в zero blok всё работает как нужно ,а вот на просмотре не понятно как .Что можно с этим сделать? Помогите пожалуйста.

    • @ВддАлло
      @ВддАлло Год назад

      на маке всё работает корректно, а вот на виндовсе нет.

  • @snowsnow3450
    @snowsnow3450 3 года назад

    Подскажите,может кто встречал проблему?выставляю старт и финиш видео по времени,но при просмотре Сайт это игнорирует и воспроизводиться с начала и до конца(

  • @МаринаКазановская-я5д

    Где взять формат PNG, если при сохранении на диск его не предлагается?Спасибо

  • @NikolaiSinelshikov
    @NikolaiSinelshikov 3 года назад

    Очень медленно) Но, это даже плюс...

  • @allisonfromwonderland5227
    @allisonfromwonderland5227 3 года назад +1

    Почему в мобильной версии не проигрывается видео?

    • @dulat3121
      @dulat3121 3 года назад

      потому что она не потдерживает пк версию

  • @denismen3528
    @denismen3528 2 года назад

    А как сделать ссылки при клике на меню?

  • @gulzatbektemirova2632
    @gulzatbektemirova2632 3 года назад

    Не понимаю как нужно текст правильно выровнять. В редактировании вроде все правильно, но когда публикую все смещаеется

    • @MaksKyratov
      @MaksKyratov  3 года назад

      потому что в виндов контейнере не правильно указали координаты ( лево/право, верх/низ) . У меня в курсе "зеро блок" отдельный модуль по этому страшному виндов контейнеру

  • @Loginova-psychology
    @Loginova-psychology 3 года назад

    Лучше без фоновой музыки.

    • @MaksKyratov
      @MaksKyratov  3 года назад

      Уже понятно) исправился в последующих видео)

  • @АмирАхмедов-ш7н
    @АмирАхмедов-ш7н 4 года назад

    Здравствуйте 🙋. А почему у меня бутылка не выходит.(один раз вышла, но очень поздно) что с этим делать?

    • @MaksKyratov
      @MaksKyratov  4 года назад

      Добрый день) не могу знать , я же не вижу исходник. Ведь я даже не знаю что именно у вас не выходит ? Не можете обрезать или анимация или месторасположение ?

    • @АмирАхмедов-ш7н
      @АмирАхмедов-ш7н 4 года назад

      @@MaksKyratov Спасибо что ответили. Я сделал все тоже самое (скорее всего) но у меня сама бутылка не выходит на экран🙆

    • @MaksKyratov
      @MaksKyratov  4 года назад +1

      @@АмирАхмедов-ш7н Что то явно не по видео сделали или упустили. Может в слоях она стоит в самом низу и все элементы ее перекрывают . Переместите вверх . Может анимацию как то не так настроили . Увы сказать не могу . Попробуйте удалить и проделать все тоже самое как в видео

    • @АмирАхмедов-ш7н
      @АмирАхмедов-ш7н 4 года назад +1

      @@MaksKyratov хорошо, Спасибо большое 👏

  • @Alena-h8f
    @Alena-h8f 3 года назад

    Скажите пожалуйста, сделала в настройка с видео все как у вас, только вписала, чтобы начало было с 14секунди, но оно на сайте мне запускает с самого начала видео, в чем может быть проблема?

    • @Alena-h8f
      @Alena-h8f 3 года назад

      Поменяла Loop на None и уже проигрывает видео с нужной секунды, а с Loop не хочет

  • @Олег-я7с6у
    @Олег-я7с6у 2 года назад

    никак не увижу ссылку на фотошоп

  • @res1de
    @res1de 3 года назад

    Музыка громко играет на видео

    • @MaksKyratov
      @MaksKyratov  3 года назад

      Есть такой косяк

  • @sd6664
    @sd6664 2 года назад

    Это какой фотошоп ???