ФИШКИ ZERO BLOCK конструктора TILDA

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 พ.ค. 2024
  • В этом уроке ты узнаешь интересные фишки ZERO BLOCK конструктора TILDA.
    _____________
    Поддержать канал монетой:
    (UA) secure.wayforpay.com/tips/uma...
    (Все страны) www.donationalerts.com/r/maks...
    _____________
    Платные Видео-уроки Tilda:
    umapalata.net/marafon_tilda ( Уровень сложности 1/10)
    umapalata.net/intensiv_tilda (Уровень сложности 4/10)
    umapalata.net/tilda_im (Уровень сложности 4/10)
    umapalata.net/tilda_zeroblock (Уровень сложности 10/10)
    0. 00:00 | Приветствие
    1. 00:37 | Shape zero block
    2. 02:50 | Удобный предпросмотр конструктора тильда
    3. 03:42 | Копирование элементов блоков
    4. 06:59 | Мобильная версия zero block
    5. 10:42 | Overflow visible. элемент в zero block виден на нижнем блоке
    6. 13:22 | переход между блоками тильда
    7. 15:37 | tilda zero block анимация на мобильной версии
    8.19:22 | Предпросмотр сайта всех версий прямо в браузере
    9. 20:28 | windows container tilda, grid container tilda
    10. 23:37 | единицы измерения в %
    Подписаться на новости:
    t.me/joinchat/AAAAAEadvOAkiKM...
    Школа дизайна:
    umapalata.net
    Мое портфолио:
    umapalata.net/portfolio
    Меня зовут Макс Куратов, с 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. Настало время, когда мне захотелось передать весь свой опыт в сфере дизайна. ФИШКИ ZERO BLOCK конструктора TILDA, Тильда, тильда конструктор сайтов, tilda zero block, фишки тильда, тильда обучение, уроки конструктор тильда, #tilda #zeroblock #Тильда

ความคิดเห็น • 113

  • @MaksKyratov
    @MaksKyratov  3 ปีที่แล้ว +5

    Платные уроки:
    Видеокурс "Tilda для новичков:" umapalata.net/intensiv_tilda
    Видеокурс "Tilda Zero Block": umapalata.net/tilda_zeroblock
    0. 00:00 | Приветствие
    1. 00:37 | Shape zero block
    2. 02:50 | Удобный предпросмотр конструктора тильда
    3. 03:42 | Копирование элементов блоков
    4. 06:59 | Мобильная версия zero block
    5. 10:42 | Overflow visible. элемент в zero block виден на нижнем блоке
    6. 13:22 | переход между блоками тильда
    7. 15:37 | tilda zero block анимация на мобильной версии
    8.19:22 | Предпросмотр сайта всех версий прямо в браузере
    9. 20:28 | windows container tilda, grid container tilda
    10. 23:37 | единицы измерения в %

  • @user-co8gs6ly1x
    @user-co8gs6ly1x 3 ปีที่แล้ว +29

    Если б ты появился в моей жизни в 2018, я бы сэкономил кучу времени, для новичков вообще топ информация!

  • @netmoneymake
    @netmoneymake 7 หลายเดือนก่อน +1

    Слава Богу за тебя брат!

  • @zeitnot1984
    @zeitnot1984 3 ปีที่แล้ว +13

    Спасибо, что делаешь это для своей аудитории❤👍👊🏿🤝🏻

  • @mihan35
    @mihan35 2 ปีที่แล้ว +2

    Пришёл сюда по запросу из гугла по фишке #9 - ушёл внедрять на сайт всё остальное :) оч круто, спасибо!

  • @lilianamustafina7197
    @lilianamustafina7197 3 ปีที่แล้ว +6

    Круто! Некоторые фишки уже знала, но все равно интересно было посмотреть

  • @annavas4453
    @annavas4453 ปีที่แล้ว +2

    Супер, так классно! Спасибо большое, что делитесь ☺️🙌

  • @vadimustenko6388
    @vadimustenko6388 3 ปีที่แล้ว +4

    Весьма познавательно!) Спасибо за видео

  • @aibekbiz124
    @aibekbiz124 3 ปีที่แล้ว +2

    Волшебство. Спасибо

  • @juliarekamie
    @juliarekamie 3 ปีที่แล้ว +1

    Дяка; дуже гарно розійшовся! 🐒🎉

  • @maratn8217
    @maratn8217 3 ปีที่แล้ว +3

    Отличное видео! Большое спасибо за труд, добрый человек! Хотелось бы увидеть видеоурок с маркетинговыми фишками - что должно быть на первом экране, какие блоки должны быть на сайте, акценты и т.п.

  • @da_anton
    @da_anton 3 ปีที่แล้ว +7

    🔴Красава, очень интересно слушать особенно четкую информацию без воды! Респект!🔴

  • @badierauto6308
    @badierauto6308 3 ปีที่แล้ว

    БАРАТАН!!! БОЛЬШОЕ спасибо ВАМ

  • @user-ec3gi7jq6c
    @user-ec3gi7jq6c 3 ปีที่แล้ว +1

    Круто, давно это искал)

  • @avmodara
    @avmodara 3 ปีที่แล้ว

    Макс спасибо.Реально всегда интересно смотреть.

  • @zok7612
    @zok7612 2 ปีที่แล้ว

    Очень полезная инфа! Спасибо! ⚡️

  • @alexOXz
    @alexOXz 2 ปีที่แล้ว

    Спасибо! Очень полезно про кашу из элементов!

  • @ksennitta
    @ksennitta 2 ปีที่แล้ว

    Большое спасибо! Очень полезная информация для меня!

  • @ezenyaserebro7097
    @ezenyaserebro7097 11 หลายเดือนก่อน

    Супер!))) Спасибо!

  • @user-yv4di2jl7m
    @user-yv4di2jl7m 2 ปีที่แล้ว

    действительно полезные и интересные фишки! спасибо!

  • @jellyhouse4034
    @jellyhouse4034 3 ปีที่แล้ว +2

    О боже меня это просто спасло, Спасибо огромное!

  • @Alexandr_Kaliningradsky
    @Alexandr_Kaliningradsky ปีที่แล้ว

    Приятный голос, шикарная подача. Огромный молодчина.

  • @galymtinbaev8942
    @galymtinbaev8942 2 ปีที่แล้ว +1

    Реально круто объясняешь, респект.

  • @user-nx9tb7kj8r
    @user-nx9tb7kj8r 3 ปีที่แล้ว

    Супер!!! Спасибо!!!

  • @mZhukov94
    @mZhukov94 2 ปีที่แล้ว

    супер, спасибо за контент

  • @user-ht7lf4bp9t
    @user-ht7lf4bp9t 3 ปีที่แล้ว

    Спасибо!! Это топчик.

  • @Lubovgold777
    @Lubovgold777 3 ปีที่แล้ว

    Спасибо 🔥🔥🔥

  • @aigerimmukashkyzy3342
    @aigerimmukashkyzy3342 2 ปีที่แล้ว

    Спасибо!!!
    1 фишка просто🔥🔥🔥

  • @user-xx4ou9xx4r
    @user-xx4ou9xx4r 3 ปีที่แล้ว +2

    Макс, спасибо большое!
    Самый годный контент! У остальных рассказывают такие мелочи. Ваш бесит
    С меня лайкосы всем твоим видосам!

  • @svetlanamaier2736
    @svetlanamaier2736 2 ปีที่แล้ว +1

    Спасибо 😀

  • @agibalova24
    @agibalova24 3 ปีที่แล้ว

    Уже на второй фишке лайк!!! Спасибо большое за видео, за секреты!!!!

  • @alexanderkarpin615
    @alexanderkarpin615 3 ปีที่แล้ว +1

    Благодарю

  • @user-qx6gs8fz1u
    @user-qx6gs8fz1u 3 ปีที่แล้ว

    Привет, круто преподносишь информацию, молодец))

  • @user-is6po1ch4l
    @user-is6po1ch4l 3 ปีที่แล้ว +1

    Круто! Лайк и подписька! :)

  • @user-hm4xy4hc7e
    @user-hm4xy4hc7e ปีที่แล้ว

    первая фишка огонь! ❤❤Спасибо

  • @UsDmitriy
    @UsDmitriy 3 ปีที่แล้ว +3

    Вот ты, да ты, записывающий все эти видео, ты - потрясающий *ФОТО Киану Ривза*

  • @user-wo4dc7mm5q
    @user-wo4dc7mm5q 2 ปีที่แล้ว

    Огромное спасибо зза фишки, особенно понравилось про воздушный шар - Overflow visible.

    • @MaksKyratov
      @MaksKyratov  2 ปีที่แล้ว

      Рад, что информация зашла

  • @dosjansadykov8605
    @dosjansadykov8605 3 ปีที่แล้ว

    Спасибо вам огромное!
    У меня такая проблемка, не понял даже, значит вот каааак 🤩🤩🤩!!! У себя откроется нормально, а в широком экране точно так же как вы сказали только в центре остаётся

  • @user-ec3gi7jq6c
    @user-ec3gi7jq6c 3 ปีที่แล้ว +1

    Продолжай в том же духе!!!

  • @user-fp1hz6qb8v
    @user-fp1hz6qb8v 3 ปีที่แล้ว +1

    🔥👍💪

  • @MegaDestrok
    @MegaDestrok ปีที่แล้ว +1

    8:40 я SEO джун и вы мне показываете какие-то страшилки :D

  • @user-sw7sd9du8w
    @user-sw7sd9du8w 3 ปีที่แล้ว +3

    Важлива інформація для тих, хто в майбутньому хоче створювати круті сайти❤️ і мій сайт на розбірці😘

  • @UlyanaKosacheva
    @UlyanaKosacheva ปีที่แล้ว

    Макс, благодарю за видео! Очень наглядно и невероятно полезно! При адаптиве столкнулась с проблемой, что отображение только на 640 px в режиме предпросмотра едет (текст сещается в кучку) а при работе в Zero-блоке всё норм. Почему так может быть? Заранее благодарю))

  • @01AVlada
    @01AVlada 9 หลายเดือนก่อน

  • @nick-uk
    @nick-uk 3 ปีที่แล้ว +4

    норм фишки)

  • @Kaelthise
    @Kaelthise ปีที่แล้ว +2

    Ты лучше, чем мой учитель! А как сделать альбомы ? Ну например в наличии , под заказ

  • @dmitriikulbaka1862
    @dmitriikulbaka1862 2 ปีที่แล้ว +1

    8:36 не проще ли сделать картинке видимость только на мобильной версии в настройках zero блока?

  • @aleksandrnesteruk
    @aleksandrnesteruk 11 หลายเดือนก่อน

    Спасибо!!! ВСЁ ОТЛИЧНО!!!
    Но 6 фишка почему то не работает. Чует сердце, что какой-то косячок маленький в моей работе... Но какой?)))

  • @user-ny2ge7wq8x
    @user-ny2ge7wq8x 3 ปีที่แล้ว

    Привет, подскажи как реализовать идею с 2:35 минуты на меньших екранах??

  • @user-ug5cr9gd7w
    @user-ug5cr9gd7w 3 ปีที่แล้ว

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

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      1. делать в рамках аккаунта клиента
      2. можно

  • @alemnin-adami
    @alemnin-adami 3 ปีที่แล้ว +1

    Здравствуйте! Спасибо Вам за урок, оочень полезный!!! Но у меня появился вопрос: Как адаптировать анимации под мобильную версию ? Или для этого нужен код?

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      Сегодня завтра видео будет . Там расскажу

  • @LizaAnsver
    @LizaAnsver 2 ปีที่แล้ว

    Добрый день! как можно сделать эту прозрачность как на 2:41? сами фотографии в шейпе можно сделать более прозрачными, а перехлест не получается

  • @user-rj9er5mw2v
    @user-rj9er5mw2v 3 ปีที่แล้ว

    Если в зеро блок залить фон картинкой, как сделать паралакс фона? Как это реализовано в стандартных блоках...

  • @boy9834
    @boy9834 9 หลายเดือนก่อน

    где взять этот плюсик в левом верху, просто у меня там лого тилда

  • @puzcuz
    @puzcuz 2 ปีที่แล้ว

    контр цэ контр вэ, контртерористс вин

  • @user-yi8yq7ig2p
    @user-yi8yq7ig2p ปีที่แล้ว

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

  • @user-oe2wf3xj1w
    @user-oe2wf3xj1w 3 ปีที่แล้ว +1

    Спасибо за видео. Как сделать круглый шейп?

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว +2

      В видео показал . Шейп- настройки шейп - и там выпадающее меню ( квадрат, круг , линия)

  • @goncharovpro
    @goncharovpro 3 ปีที่แล้ว

    9:30
    Тильда крутой инструмент, бесспорно. Но порой больно смотреть на такие костыли, как закрывание шейпом бэкграунд, когда в css можно было бы всего лишь прописать background:none

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      Верно подмечено, но задача была рассказать фишки инструментами тильды.

    • @hedged0g
      @hedged0g 3 ปีที่แล้ว

      @@MaksKyratov Подскажите, как конвертировать блок в зеро с сохранением данных? Пересмотрел сейчас все видео с фишками, не нашёл, хотя, кажется, помню, что был совет

  • @hoolihax4405
    @hoolihax4405 3 ปีที่แล้ว +1

    КонтрЦ КонтрВ :)

  • @ksenniew0w
    @ksenniew0w 3 ปีที่แล้ว

    Добрый вечер! А подскажите, если использовать фишку с шейпами, у меня при фиксации картинка становится просто ОГРОМНОЙ и я не могу её так кадрировать( как мне исправить это?

  • @user-zu5lw6gd7t
    @user-zu5lw6gd7t ปีที่แล้ว

    Ссылка url направляет в конец zero блока. Корректно не функционирует на Safari как с телефона, так и с ноутбука.

  • @user-gs7qu1fo1q
    @user-gs7qu1fo1q 3 ปีที่แล้ว

    Здравствуйте,а как сделать "положение " картинки или шейпа, не могк текст наложить на картинку, получается что текст под картинкой. У меня нет положений картинки

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว +1

      Слои откройте ctrl+L и перетяните текст над шейпом ( в слоях имею ввиду)

  • @Frie666
    @Frie666 ปีที่แล้ว +1

    контра цэ контра вэ

  • @yanayaroshevskaya6861
    @yanayaroshevskaya6861 ปีที่แล้ว

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

  • @user-yx6tz5ff9g
    @user-yx6tz5ff9g 3 ปีที่แล้ว

    Можно копировать через Alt)

  • @NewWebStudio
    @NewWebStudio 3 ปีที่แล้ว

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

  • @user-oc1yn7uy8h
    @user-oc1yn7uy8h 2 ปีที่แล้ว

    Подскажите, пожалуйста, как в фиксированном шейпе уменьшить саму картинку? она огромная становится после фиксации

    • @MaksKyratov
      @MaksKyratov  2 ปีที่แล้ว

      Никак(

    • @user-oc1yn7uy8h
      @user-oc1yn7uy8h 2 ปีที่แล้ว

      @@MaksKyratov Жаль, спасибо за урок :)

  • @ManulSneg
    @ManulSneg 2 ปีที่แล้ว

    Как экран в зероблоке ты уменьшаешь? и увеличиваешь??

    • @MaksKyratov
      @MaksKyratov  2 ปีที่แล้ว

      Если есть мышка , то колесиком . Если тачпад, то 2 пальцами расширяю, свожу. Вроде бы ещё контр +/-

  • @lotroboxeee5999
    @lotroboxeee5999 3 ปีที่แล้ว

    Как сделать так чтобы при фиксации изображение не увеличивалось?

  • @12janika
    @12janika 3 ปีที่แล้ว

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

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      Сделать прозрачным , вместо жёлтого цвета

  • @dalymad5181
    @dalymad5181 ปีที่แล้ว

    Никак не получается с Фиксированным фоном (фишка № 6). Что бы я ни ставил - все равно картинка растягивается на всю высоту слайда

  • @ekaterinakilikeeva4036
    @ekaterinakilikeeva4036 3 ปีที่แล้ว +1

    Shape 1 фишка не работает на мобильной версии?

    • @soundrecord2
      @soundrecord2 3 ปีที่แล้ว

      Походу да , тоже сначала не понял

  • @evgenyjagushinsky6695
    @evgenyjagushinsky6695 3 ปีที่แล้ว

    Добрый день, Максим. А как быть с кроссбраузерностью? Мне разрабатывают сайт на Тильда и у разработчика экран 13 дюймов. У меня ноутбук имеет 15,3 дюйма. Но главный блок одностраничника у разработчика виден нормально, а у меня пусто - вся инфа сконцентрирована в центре как-то. Мне разработчик говорит, что Тильда не позволяет проконтролировать как будет сайт отображаться на всех экранах и на разных разрешениях. Он прав или просто не умеет это делать? Или Тильда на самом деле такая неспособная и скорее топорная? С шрифтами тоже я получил отказ. То есть их крайне мало, не более 10. Я сам не профи в Тильде вообще, и не понимаю вешают ли мне на уши лапшу или нет. Можете прокомментировать?

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      Все он позволяет) виндовс контейнером нужно делать. В курсе подробно рассказываю . Да и на канале пару раз рассказывал

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      По поводу шрифтов : 10 предоставляет Тильда , если недостаточно - подгружаете любой желанный

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      По поводу адаптивности - ну тут ещё все проще : стандартные блоки автоматом , зеро блок : индивидуальная адаптация под телефон, планшет , комп. При всем уважение вас дезориентировали по полной и не знают Тильду вообще

  • @pystovalovlive5035
    @pystovalovlive5035 3 ปีที่แล้ว

    Привет, подскажи, как здесь реализовано видео на первом экране escape-team.tech/?ref=tilda.cc/ru/madeontilda/ ?

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      на этом канале вы точно ответ не найдете. Это уже Motion design и другая история/профессия

    • @pystovalovlive5035
      @pystovalovlive5035 3 ปีที่แล้ว

      @@MaksKyratov Я не про само видео, а про то, как на тильду его впилили, это что-то вроде стандартного блока с видео VD05, но не он, есть какой-то код для вставки видео через T123?

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      @@pystovalovlive5035 эээээ. ПОнял. Я если честно даже не знаю. Нужно подумать

    • @pystovalovlive5035
      @pystovalovlive5035 3 ปีที่แล้ว

      @@MaksKyratov ​ Было бы круто понять, сделано хорошо и мерзкий интерфейс ютуба/вимео при воспроизведении не вылазит, файл скорее всего через дропбокс по прямой ссылке как на блоке VD05 залит.
      Тех поддержка тильды пишет, что это сторонний код, у тильдошной на сайте такого нет

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      @@pystovalovlive5035 Увы не знаю как

  • @donbotdonbot2522
    @donbotdonbot2522 3 ปีที่แล้ว

    Добрый день, как узнать в zero block расстояние между элементами?

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      Самый легкий способ шейпами мерять

    • @donbotdonbot2522
      @donbotdonbot2522 3 ปีที่แล้ว

      @@MaksKyratov Спасибо, я думал может как в фигме, есть варианты.Доброго дня.

    • @anastasiiashestakova6133
      @anastasiiashestakova6133 2 ปีที่แล้ว +1

      Можно как в Фигме, выделите элемент и с зажатым Alt подведите к соседнему элементу, увидите расстояние

  • @bijanberkindiev7470
    @bijanberkindiev7470 ปีที่แล้ว

    Батя тильды

  • @SVV55
    @SVV55 3 ปีที่แล้ว

    много анимации на сайте и по делу и без - раздражает. С ней нужно быть осторожнее. Добавлять только для акцента на главную идею

  • @user-tv8sr1zz2v
    @user-tv8sr1zz2v 3 ปีที่แล้ว

    Ни чо се

  • @NewWebStudio
    @NewWebStudio 3 ปีที่แล้ว

    По 4й фишке - неужели нельзя в Тильде реализовать простейшее css свойство "display: none" вместо этих танцев с бубном? Разработчикам давно пора сделать это в панели редактирования. А то все это попахивает попыткой обмана поисковых систем, если речь зайдет о скрытии текста таким вот корявым способом.

  • @user-dp4hn5dg4b
    @user-dp4hn5dg4b 3 ปีที่แล้ว

    братишка, извини я ржал над этим методом убрать с компьютерной версии элемент, выкинув его далеко закрома видимой части сайта,😂😂😂😂😂😂😂 неужели разрабы не могут сделать как-нибудь преключатель кнопочку который будет присваивать атрибут hidden

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว +1

      Я думаю вопрос времени, пока «наслаждаемся» тем что есть )

  • @user-oj1el2uo2o
    @user-oj1el2uo2o 2 ปีที่แล้ว

    Крытые фишки, но почему вечно путаете мобильную версию с десктопной?)

    • @MaksKyratov
      @MaksKyratov  2 ปีที่แล้ว +1

      Ну бывает) просто приходиться одновременно думать и говорить)

  • @user-rt2my9zt9m
    @user-rt2my9zt9m ปีที่แล้ว

    4 фишка такая абсурдная. Справа есть параметр opacity, на мобиле или ПК просто ставишь его 0 и всё, чё 4 минуты воды лить)

  • @hoolihax4405
    @hoolihax4405 3 ปีที่แล้ว

    Абсолютно не профессионально, сайты буду небрежные и если делать 6и летнему ребенку, фан сайт по майнкрафту то сойдёт, а вот если для премиум товара то вас всех засмеют

  • @alexbohinskyi987
    @alexbohinskyi987 ปีที่แล้ว

    А можно же ещё блоки прятать если opacity на 0 ставить там где не нужны и включать там где нужно

    • @MaksKyratov
      @MaksKyratov  ปีที่แล้ว

      Все верно говорите