Tilda. Как работать в ZERO BLOCK | Мобильная версия, адаптивный сайт. tilda zero block
HTML-код
- Опубликовано: 7 фев 2025
- Создай свой уникальный блок в Тильда (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 веб дизайн
![BLACK BAG - Official Trailer [HD] - Only in Theaters March 14](http://i.ytimg.com/vi/Du0Xp8WX_7I/mqdefault.jpg)
Первая часть : ruclips.net/video/P_im0K1tRWQ/видео.html
Боже! Спасибо вам огромное! Я уже задолбалась от тупых курсов, в которых нифига непонятно! И тут вы! Просто спасение. Спасибо большущее 🌸
Спасибо за контент и качественный продакшн! Непонятно, почему так мало просмотров.
По Тильде столько роликов, но в основном вода и бэ-мэ, у вас всё идеально.
Спасибо большое за приятные слова. А поповоду чего так мало просмотроы - узкопрофильная тема, не всем это надо. Интересней смотреть видео про котиков, там и просмотров больше)
Макс, спасибо!
Только после твоих объяснений начала понимать что как работает
Так успокаивающе, просто и по человечески
Большое спасибо!
Урок шикарный! Спасибо большое!)
Но музыка на фоне слишком громкая, по-моему...
Огромное спасибо, живите долго и счастливо. Сделала по вашему проекту, обалденно
Вы отличный учитель!
Благодарю за видео.
Мужик, спасибо.
Я нашел ответ на свой вопрос!
спасибо большое!!! все очень понятно)
Базар жок красавчик
норм тема) лайк от СЕООНЛИ
Базар жок 👍🏻👏🏻👏🏻👏🏻
В свое время никак не могла понять что нужно делать, чтобы не удалялся совсем элемент, оказывается просто в невидимую зону передвинуть.
Круто!!! Спасибо!!! Нашла ответ на свой вопрос!!!
Золотой источник, а не канал!
Круто Мужик ! респект
Кааайф🔥🔥🔥😘
Спасибо за видео, круто обьясняешь
Спасибо ❤🎉
Спасибо. Всё хорошо объясняете, вот только музыка мешает
Спасибо. Классные видео, одни из лучших в жтой тематике.
Подскажи, пожалуйста, есть ли возможность, настраивать отображение сайта на мониторах? у меня на ноутбуке и мониторе (32 дюйма) есть отличия, при чем как и зеро блоков так и стандартных пресетов.
Здравствуйте, видео фон поставлен на цикличность. Первый круг показывает согласно параметрам, а второй крук показывает до конца. А в конце есть штуки , которые не хочется показывать
Здравствуйте! Подскажите, я хочу сделать лендинг для мобильной версии в зеро блоке. Я могу не адаптировать сайт под компьютер и планшет, а сразу разрабатывать под мобильное устройство?
ОГОНЬ!!!
Привет !
Я столкнулась с огромной проблемой, сделала страницу в зеро блоке , в редакторе на мобильной версии все выглядит гуд, в невидимую зону не выхожу (размер текста 12). Но когда захожу с телефона все сползает , и какая то каша на странице. У Тильда на сайте не нашла норм ответа , что с этим делать… Буду очень благодарна за помощь , спасибо 😊
Макс привет! Отличный контент 🤘 Про третий вид анимации будет ролик?
Привет) честно говоря не помню какой там третий , но если там про триггерную анимацию , то круто рассказал в предпоследнем ролике . Если там про анимацию шаг за шагом - то во всех видосах, где на обложке видео написано zero block) приятного просмотра
@@MaksKyratov Спасибо. Постараюсь найти тригерную анимацию. Я только вчера познакомился с твоим каналом.
@@makc6878 приятного просмотра)
Макс, спасибо за видео Вы лучший 5 день сижу смотрю. Скажите пожалуйста как силовые линии поставить не могу найти ((
Благодарю
Здравствуйте, подскажите пожалуйста, в мобильной и в декстопной версии все тексты и фигуры указывать % а не px? Чтоб они под любые ширины экрана адаптировались??
как быть если на странице много текста и в мобильную версию он не влезает, уменьшать шрифт? или как то можно ее растянуть по вертикали?
Я так и не поняла, можно ли "откатить" изменения, сделанные на планшете на значения, которые на десктопе. Или все что редактируется на мобильных устройствах - безвозвратно изменяется. И если сделала хрень - обратно никак не вернуть? (я не про контрл зед)
Крутое видео, спасибо. У меня вопрос. Как сделать что бы галерея картинок растягивалась во весь экран? К примеру 5 фоток в ряд без зазоров и во всю площадь. такой блок есть готовый, но нужно его кастомизировать в зеро блоке)
Макс привет! Спасибо за видос!
Подскажите как сделать на свою иконку вызов корзины? Речь идет о неподвижном меню на мобильной версий где будет своя кастомная не подвижная иконка
Максим, подскажите, почему положение элементам задаете в px, а не в % Разве так сайт не "резиновее" ?
делаю адаптив , но на разных телефонах смотрится по разному , на одном норм, на другом плывет все, че делать?
Макс, спасибо за видео! =)) Но когда я делаю адаптивы, то у меня почему-то десктопна версия тоже меняется 0_о приходится создавать копию десктопных блоков и адаптивить в копиях((((( в чём может быть проблема?? Заранее спасибо 8 `,)
Макс, привет!
А каким способом всё же можно заменить видео, на анимированную заднюю часть фона?
Переделать видео в Gif и загрузить фоновой картинкой?
Макс , огромное спасибо тебе за видео и респект!! Но я как только начинающий чайник , если так можно сказать, я не пойму .. Для чего ZERO-блок настраивать под разные гаджеты ...а по факту всё лезет на телефонах, для чего мы тогда всё это настраиваем?)
И ещё такой вопрос, Вы советуете смотреть в реале на разных моб. телефонах с разным разрешением....как это сделать, если у тебя нет в наличии столько моб. устройств?
Подскажите пожалуйста название виджета, на котором Вы просматривали Zero-blok?
День добрый , если ещё не нашли решение с мобильной версией проще всего открывать элементы сайта и там есть функция отображения разных форматов в том числе разных телефонов смартфонов и т.д.
А по поводу того что десктопные версии смотрят меньше это так разделение примерно 70/30-80/20 (но нужно учитывать аудиторию ) ну и настраивается это для того что бы не терять 20-30 % клиентов которые все таки заходят с десктоп версии на сайт. Надеюсь помог
@@БогданСавчак-с5ю открываю на тильде просмотр как будто с телефона, там все шикарно. Публикую и открываю со своего телефона - масштабирование и в целом шейпы идут по одному месту…. Почему так, подскажите?
Убедитесь, что у вас все настроена одинаково ( например лефт/топ)
Здравствуйте, Максим. Видео очень поучительное и все работает здорово, но к сожалению кроме воспроизведения видео на мобильных устроиствах. Как думаете, в чем я допустил ошибку?
ну это не проблема, такая особенность тильды. Видео фон работает только на комп версии. Посмотрите любое другое мое видео , где на фотке написано zero block и есть видео фон , там я рассказываю как это исправить. Ну или словами: на всех устройствах, кроме "комп" уводите видео за приделы рабочей зоны . На комп версии делаете заливку блока фоткой . И получается - на компе у вас видео, на всех остальных фотка
Здравствуйте, благодарю за подробный урок и подскажите, пожалуйста, как сделать так, чтобы во время редактирования видеть картину на этапе второго шага анимации, т.е. в таком виде, когда всё уже встало на свои места (как в этом уроке). А у меня во время редактирования все элементы находятся в позиции ДО воспроизведения анимации, крайне неудобно. Благодарю за ответ!
Макс, привет!
Спасибо за тонкости, но возник вопрос на счет гамбургера.
1. создавая гамбургер и посредством вызова через стандартное меню, вот с чем я столкнулся.
У меня меню 2-х уровневое (основное меню, потом можно выпадающее меню вызвать).
Так вот, если вызываешь меню, кликая гамбургер, то все хорошо, меню открывается, но в этом меню вызвать выпадающее меню, происходит вот что: Клик - появляется выпадающее меню, НО закрывается основное меню (гамбург закрывается).
Вопрос:
Как сделать так, чтобы при запросе выпадающее меню, при этом не закрывался основной гамбургер, как это реализовано в стандартных блоках??
замучался с этим делом...
решили проблему?
Здравствуйте Макс. Подскажите, как можно оформить ссылку на свой телефон, который указан в Zero-блоке?
“Tel:…”
Здравствуйте, Макс. Я не поняла как отключить видеофон для всех устройств. Подскажите для чайников.
А оно само отключает
открываю через ф12 такая жесть все в разнобой, и как выровнять не поиму
Здравствуйте, Подскажите пожалуйста, можно в тильде меню для мобильной версии сделать не гамбургер, а пункты меню в строчку и с фиксацией? И чтобы пункты меню не друг под другом были, а в ряд? Буду благодарна за ответ 🙏
Приветствую. Оно то можно, но вряд у вас влезет, в лучшем случае, 2 пункта. По этому и делают гамбургер. С точки зрения реализации - все тоже самое, только не уводите пункты меню на грай , а расставляете как вам надо + не делате гамбурнер
Макс Куратов спасибо большое, попробую
Вопрос который не даст спать, если элемент в невидимой зоне, он все равно будет загружаться и нагружать при этом код на всех версиях сайта?
увы да, но сожмите в 1 пиксель там
Добрый вечер. На моб версии в zero блоке, когда увеличиваешь экран- текст сдвигается в сторону. Иногда может прямо на фотографию накладываться. Есть какое-нибудь решение?
Советую проверять как будет в Реале после публикации. Не полагайтесь на «просмоторщик»
Подскажите пожалуйста, возможно ли чтобы при наведении мышкой Shape появлялся и при нажатии оставался? Идея - сделать пункты меню, которые будут подчеркиваться при наведении на них, и если перейдут на данное меню, то пункт, так и останется подчеркнутым. Заранее благодарю.
теоретически можно. анимацией
Добрый день! Получилось реализовать? Тоже думаю, как осуществить эту идею)
почему бывает так что в просмотре на мобильной версиии все хорошо, а когда смотрю на мобильном то там текст съехал на картинку , хотя на просмотре все хорошо
ориентируйтесь на мобильный! Именно по этому я всегда говорю ( и сам проверяю) ОБЯЗАТЕЛЬНО проекты на моб телефоне
В идеале на андроиде и эпл
@@MaksKyratov Я с проблемкой столкнулся, что на разных устройствах все по разному, я на 7 айфоне все вижу четко, на мак про тоже все четко, но когда прошу людей открыть сайт с большими телефонами и компьютерами, то у каждого свои косяки
🔥🔥🔥🔥🔥👍
Можно вопрос? Почему на компьютере все может быть адаптировано,и под мобильную версию, а когда реально открываю на телефоне, все лезет?(
Всегда есть нюансы, поэтому лучше проверять на разных реальных устройствах, с разным разрешением
Решили проблему? У меня так же(
Как убрать Zero block На тильде ?
Музыку надо было громче сделать
Музыка отвлекает и по голове стучит.
Музыку закадровую делай потише, блин