Tilda. Как работать в ZERO BLOCK | Мобильная версия, адаптивный сайт. tilda zero block

Sdílet
Vložit
  • čas přidán 26. 08. 2024
  • Создай свой уникальный блок в Тильда (tilda), где можно редактировать каждый элемент. В этом видео ты узнаешь:
    - Как сделать резиновый сайт в Tilda;
    - Как адаптировать сайт под все устройства;
    - Анимация на мобильных устройствах tilda;
    - Гамбургер меню в зеро блоке.
    Первая часть урока:
    • Tilda. КАК РАБОТАТЬ В ...
    Платные Видео-уроки Tilda:
    umapalata.net/... ( Уровень сложности 1/10)
    umapalata.net/... (Уровень сложности 4/10)
    umapalata.net/... (Уровень сложности 4/10)
    umapalata.net/... (Уровень сложности 10/10)
    ______________
    Поддержать канал монетой:
    (UA) secure.wayforp...
    (Все страны) www.donational...
    _____________
    Подписаться на новости:
    t.me/joinchat/... П
    Школа дизайна:
    umapalata.net
    Мое портфолио:
    umapalata.net/...
    Меня зовут Макс Куратов, с 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. Настало время, когда мне захотелось передать весь свой опыт в сфере дизайна. тильда конструктор сайтов tilda zero block landing page zero block tilda веб дизайн

Komentáře • 80

  • @MaksKyratov
    @MaksKyratov  Před 4 lety +6

    Первая часть : czcams.com/video/P_im0K1tRWQ/video.html

  • @annamoreno5292
    @annamoreno5292 Před 3 lety +8

    Боже! Спасибо вам огромное! Я уже задолбалась от тупых курсов, в которых нифига непонятно! И тут вы! Просто спасение. Спасибо большущее 🌸

  • @bogachev11
    @bogachev11 Před 4 lety +13

    Спасибо за контент и качественный продакшн! Непонятно, почему так мало просмотров.
    По Тильде столько роликов, но в основном вода и бэ-мэ, у вас всё идеально.

    • @MaksKyratov
      @MaksKyratov  Před 4 lety +2

      Спасибо большое за приятные слова. А поповоду чего так мало просмотроы - узкопрофильная тема, не всем это надо. Интересней смотреть видео про котиков, там и просмотров больше)

  • @user-is1cq3zq1c
    @user-is1cq3zq1c Před měsícem

    Вы отличный учитель!

  • @user-bc3yg8jg2y
    @user-bc3yg8jg2y Před 8 měsíci

    Макс, спасибо!
    Только после твоих объяснений начала понимать что как работает
    Так успокаивающе, просто и по человечески
    Большое спасибо!

  • @user-zh4ry6lj3b
    @user-zh4ry6lj3b Před 2 lety

    Огромное спасибо, живите долго и счастливо. Сделала по вашему проекту, обалденно

  • @KITERKITi
    @KITERKITi Před 3 lety +2

    Мужик, спасибо.
    Я нашел ответ на свой вопрос!

  • @alexandra4990
    @alexandra4990 Před rokem +1

    Золотой источник, а не канал!

  • @seoonlyRU
    @seoonlyRU Před 2 lety +1

    норм тема) лайк от СЕООНЛИ

  • @user-fk4ly3ph3y
    @user-fk4ly3ph3y Před rokem

    Спасибо. Всё хорошо объясняете, вот только музыка мешает

  • @camptau
    @camptau Před 2 lety

    Базар жок 👍🏻👏🏻👏🏻👏🏻

  • @camptau
    @camptau Před 2 lety

    Базар жок красавчик

  • @user-oq8pp8xn8o
    @user-oq8pp8xn8o Před 3 lety

    Круто!!! Спасибо!!! Нашла ответ на свой вопрос!!!

  • @irentagiltceva3579
    @irentagiltceva3579 Před 3 lety

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

  • @KovalMaks
    @KovalMaks Před 3 lety +1

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

  • @user-li5ub4xd7k
    @user-li5ub4xd7k Před 3 lety

    Круто Мужик ! респект

  • @user-mo2bg8zf6z
    @user-mo2bg8zf6z Před 3 lety

    Кааайф🔥🔥🔥😘

  • @user-tp1dz4vz6q
    @user-tp1dz4vz6q Před 4 lety

    Спасибо за видео, круто обьясняешь

  • @_alina_ihnatiuk
    @_alina_ihnatiuk Před rokem

    Спасибо ❤🎉

  • @ads7887
    @ads7887 Před 3 lety +1

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

  • @user-pd8cu7iz7i
    @user-pd8cu7iz7i Před 6 měsíci

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

  • @user-zh4ry6lj3b
    @user-zh4ry6lj3b Před 2 lety

    Здравствуйте, видео фон поставлен на цикличность. Первый круг показывает согласно параметрам, а второй крук показывает до конца. А в конце есть штуки , которые не хочется показывать

  • @800kills
    @800kills Před 3 lety

    Благодарю

  • @Speleo_komnata05
    @Speleo_komnata05 Před 2 lety

    Макс, спасибо за видео Вы лучший 5 день сижу смотрю. Скажите пожалуйста как силовые линии поставить не могу найти ((

  • @christinatalvir8202
    @christinatalvir8202 Před 2 lety +1

    Макс, спасибо за видео! =)) Но когда я делаю адаптивы, то у меня почему-то десктопна версия тоже меняется 0_о приходится создавать копию десктопных блоков и адаптивить в копиях((((( в чём может быть проблема?? Заранее спасибо 8 `,)

  • @makc6878
    @makc6878 Před 4 lety +1

    Макс привет! Отличный контент 🤘 Про третий вид анимации будет ролик?

    • @MaksKyratov
      @MaksKyratov  Před 4 lety

      Привет) честно говоря не помню какой там третий , но если там про триггерную анимацию , то круто рассказал в предпоследнем ролике . Если там про анимацию шаг за шагом - то во всех видосах, где на обложке видео написано zero block) приятного просмотра

    • @makc6878
      @makc6878 Před 4 lety +1

      @@MaksKyratov Спасибо. Постараюсь найти тригерную анимацию. Я только вчера познакомился с твоим каналом.

    • @MaksKyratov
      @MaksKyratov  Před 4 lety

      @@makc6878 приятного просмотра)

  • @valerianesterova5786
    @valerianesterova5786 Před 3 lety

    ОГОНЬ!!!

  • @maximanec
    @maximanec Před 6 měsíci

    делаю адаптив , но на разных телефонах смотрится по разному , на одном норм, на другом плывет все, че делать?

  • @Ovmelar
    @Ovmelar Před 3 lety +1

    Макс, привет!
    Спасибо за тонкости, но возник вопрос на счет гамбургера.
    1. создавая гамбургер и посредством вызова через стандартное меню, вот с чем я столкнулся.
    У меня меню 2-х уровневое (основное меню, потом можно выпадающее меню вызвать).
    Так вот, если вызываешь меню, кликая гамбургер, то все хорошо, меню открывается, но в этом меню вызвать выпадающее меню, происходит вот что: Клик - появляется выпадающее меню, НО закрывается основное меню (гамбург закрывается).
    Вопрос:
    Как сделать так, чтобы при запросе выпадающее меню, при этом не закрывался основной гамбургер, как это реализовано в стандартных блоках??
    замучался с этим делом...

    • @nyakupova
      @nyakupova Před 3 lety

      решили проблему?

  • @depechemodeblackselebratio8411

    🔥🔥🔥🔥🔥👍

  • @kassandranevermind2009

    как быть если на странице много текста и в мобильную версию он не влезает, уменьшать шрифт? или как то можно ее растянуть по вертикали?

  • @zamirazholdassova5844
    @zamirazholdassova5844 Před 2 lety

    Здравствуйте, подскажите пожалуйста, в мобильной и в декстопной версии все тексты и фигуры указывать % а не px? Чтоб они под любые ширины экрана адаптировались??

  • @user-cy7vi2mb6k
    @user-cy7vi2mb6k Před 2 lety

    Я так и не поняла, можно ли "откатить" изменения, сделанные на планшете на значения, которые на десктопе. Или все что редактируется на мобильных устройствах - безвозвратно изменяется. И если сделала хрень - обратно никак не вернуть? (я не про контрл зед)

  • @fit.expert
    @fit.expert Před 3 lety

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

  • @kirillsychev4512
    @kirillsychev4512 Před 4 lety

    Макс, привет!
    А каким способом всё же можно заменить видео, на анимированную заднюю часть фона?
    Переделать видео в Gif и загрузить фоновой картинкой?

  • @serhiikolesnyk8566
    @serhiikolesnyk8566 Před 3 lety

    Максим, подскажите, почему положение элементам задаете в px, а не в % Разве так сайт не "резиновее" ?

  • @belkajul
    @belkajul Před 3 lety

    Здравствуйте, благодарю за подробный урок и подскажите, пожалуйста, как сделать так, чтобы во время редактирования видеть картину на этапе второго шага анимации, т.е. в таком виде, когда всё уже встало на свои места (как в этом уроке). А у меня во время редактирования все элементы находятся в позиции ДО воспроизведения анимации, крайне неудобно. Благодарю за ответ!

  • @user-nz3ew2dk4t
    @user-nz3ew2dk4t Před 3 lety

    Макс , огромное спасибо тебе за видео и респект!! Но я как только начинающий чайник , если так можно сказать, я не пойму .. Для чего ZERO-блок настраивать под разные гаджеты ...а по факту всё лезет на телефонах, для чего мы тогда всё это настраиваем?)
    И ещё такой вопрос, Вы советуете смотреть в реале на разных моб. телефонах с разным разрешением....как это сделать, если у тебя нет в наличии столько моб. устройств?
    Подскажите пожалуйста название виджета, на котором Вы просматривали Zero-blok?

    • @user-ud8yx6do3g
      @user-ud8yx6do3g Před 2 lety

      День добрый , если ещё не нашли решение с мобильной версией проще всего открывать элементы сайта и там есть функция отображения разных форматов в том числе разных телефонов смартфонов и т.д.
      А по поводу того что десктопные версии смотрят меньше это так разделение примерно 70/30-80/20 (но нужно учитывать аудиторию ) ну и настраивается это для того что бы не терять 20-30 % клиентов которые все таки заходят с десктоп версии на сайт. Надеюсь помог

    • @user-xr9yi4cg8u
      @user-xr9yi4cg8u Před 2 lety

      @@user-ud8yx6do3g открываю на тильде просмотр как будто с телефона, там все шикарно. Публикую и открываю со своего телефона - масштабирование и в целом шейпы идут по одному месту…. Почему так, подскажите?

    • @MaksKyratov
      @MaksKyratov  Před 2 lety

      Убедитесь, что у вас все настроена одинаково ( например лефт/топ)

  • @kristoffgluk7650
    @kristoffgluk7650 Před 3 lety

    Здравствуйте, Максим. Видео очень поучительное и все работает здорово, но к сожалению кроме воспроизведения видео на мобильных устроиствах. Как думаете, в чем я допустил ошибку?

    • @MaksKyratov
      @MaksKyratov  Před 3 lety

      ну это не проблема, такая особенность тильды. Видео фон работает только на комп версии. Посмотрите любое другое мое видео , где на фотке написано zero block и есть видео фон , там я рассказываю как это исправить. Ну или словами: на всех устройствах, кроме "комп" уводите видео за приделы рабочей зоны . На комп версии делаете заливку блока фоткой . И получается - на компе у вас видео, на всех остальных фотка

  • @cybergrandfather5146
    @cybergrandfather5146 Před 2 lety

    открываю через ф12 такая жесть все в разнобой, и как выровнять не поиму

  • @user-ek8bj1te4u
    @user-ek8bj1te4u Před 3 lety

    Здравствуйте, Макс. Я не поняла как отключить видеофон для всех устройств. Подскажите для чайников.

    • @MaksKyratov
      @MaksKyratov  Před 3 lety

      А оно само отключает

  • @user-oc6vt4rr4n
    @user-oc6vt4rr4n Před 3 lety

    Вопрос который не даст спать, если элемент в невидимой зоне, он все равно будет загружаться и нагружать при этом код на всех версиях сайта?

    • @MaksKyratov
      @MaksKyratov  Před 3 lety +1

      увы да, но сожмите в 1 пиксель там

  • @user-sy5is8zt9i
    @user-sy5is8zt9i Před 3 lety

    Здравствуйте Макс. Подскажите, как можно оформить ссылку на свой телефон, который указан в Zero-блоке?

  • @user-ht7lf4bp9t
    @user-ht7lf4bp9t Před 3 lety

    Добрый вечер. На моб версии в zero блоке, когда увеличиваешь экран- текст сдвигается в сторону. Иногда может прямо на фотографию накладываться. Есть какое-нибудь решение?

    • @MaksKyratov
      @MaksKyratov  Před 3 lety

      Советую проверять как будет в Реале после публикации. Не полагайтесь на «просмоторщик»

  • @user-gs7qu1fo1q
    @user-gs7qu1fo1q Před 3 lety +1

    почему бывает так что в просмотре на мобильной версиии все хорошо, а когда смотрю на мобильном то там текст съехал на картинку , хотя на просмотре все хорошо

    • @MaksKyratov
      @MaksKyratov  Před 3 lety

      ориентируйтесь на мобильный! Именно по этому я всегда говорю ( и сам проверяю) ОБЯЗАТЕЛЬНО проекты на моб телефоне

    • @MaksKyratov
      @MaksKyratov  Před 3 lety

      В идеале на андроиде и эпл

    • @user-fy5xo4ri2n
      @user-fy5xo4ri2n Před 3 lety

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

  • @anna_mullanurova
    @anna_mullanurova Před 4 lety

    Здравствуйте, Подскажите пожалуйста, можно в тильде меню для мобильной версии сделать не гамбургер, а пункты меню в строчку и с фиксацией? И чтобы пункты меню не друг под другом были, а в ряд? Буду благодарна за ответ 🙏

    • @MaksKyratov
      @MaksKyratov  Před 4 lety +1

      Приветствую. Оно то можно, но вряд у вас влезет, в лучшем случае, 2 пункта. По этому и делают гамбургер. С точки зрения реализации - все тоже самое, только не уводите пункты меню на грай , а расставляете как вам надо + не делате гамбурнер

    • @anna_mullanurova
      @anna_mullanurova Před 4 lety

      Макс Куратов спасибо большое, попробую

  • @user-ww3tc3ux6t
    @user-ww3tc3ux6t Před 3 lety

    Подскажите пожалуйста, возможно ли чтобы при наведении мышкой Shape появлялся и при нажатии оставался? Идея - сделать пункты меню, которые будут подчеркиваться при наведении на них, и если перейдут на данное меню, то пункт, так и останется подчеркнутым. Заранее благодарю.

    • @MaksKyratov
      @MaksKyratov  Před 3 lety

      теоретически можно. анимацией

    • @kykora
      @kykora Před rokem

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

  • @pakwato6365
    @pakwato6365 Před 3 měsíci

    Как убрать Zero block На тильде ?

  • @annaklimova2807
    @annaklimova2807 Před 3 lety

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

    • @user-yg4ok2cw2k
      @user-yg4ok2cw2k Před 3 lety

      Всегда есть нюансы, поэтому лучше проверять на разных реальных устройствах, с разным разрешением

    • @zamirazholdassova5844
      @zamirazholdassova5844 Před 2 lety

      Решили проблему? У меня так же(

  • @Anibossx
    @Anibossx Před rokem

    Музыку надо было громче сделать

  • @FOLLYANT
    @FOLLYANT Před 3 lety

    Музыку закадровую делай потише, блин

  • @mariadawnwork9387
    @mariadawnwork9387 Před 3 lety

    Музыка отвлекает и по голове стучит.