ФИШКИ ZERO BLOCK конструктора TILDA
HTML-код
- Опубликовано: 13 июл 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 #Тильда
Платные уроки:
Видеокурс "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 | единицы измерения в %
😊❤❤
Если б ты появился в моей жизни в 2018, я бы сэкономил кучу времени, для новичков вообще топ информация!
Спасибо, что делаешь это для своей аудитории❤👍👊🏿🤝🏻
Пришёл сюда по запросу из гугла по фишке #9 - ушёл внедрять на сайт всё остальное :) оч круто, спасибо!
Супер, так классно! Спасибо большое, что делитесь ☺️🙌
Круто! Некоторые фишки уже знала, но все равно интересно было посмотреть
Весьма познавательно!) Спасибо за видео
🔴Красава, очень интересно слушать особенно четкую информацию без воды! Респект!🔴
Дяка; дуже гарно розійшовся! 🐒🎉
Отличное видео! Большое спасибо за труд, добрый человек! Хотелось бы увидеть видеоурок с маркетинговыми фишками - что должно быть на первом экране, какие блоки должны быть на сайте, акценты и т.п.
Волшебство. Спасибо
Супер!))) Спасибо!
Макс спасибо.Реально всегда интересно смотреть.
БАРАТАН!!! БОЛЬШОЕ спасибо ВАМ
Очень полезная инфа! Спасибо! ⚡️
Большое спасибо! Очень полезная информация для меня!
Спасибо! Очень полезно про кашу из элементов!
классные советы! Спасибо!
действительно полезные и интересные фишки! спасибо!
Круто, давно это искал)
Супер!!! Спасибо!!!
Приятный голос, шикарная подача. Огромный молодчина.
супер, спасибо за контент
Реально круто объясняешь, респект.
Макс, спасибо большое!
Самый годный контент! У остальных рассказывают такие мелочи. Ваш бесит
С меня лайкосы всем твоим видосам!
Слава Богу за тебя брат!
О боже меня это просто спасло, Спасибо огромное!
Уже на второй фишке лайк!!! Спасибо большое за видео, за секреты!!!!
Спасибо 😀
Спасибо!! Это топчик.
Спасибо!!!
1 фишка просто🔥🔥🔥
Круто! Лайк и подписька! :)
Спасибо 🔥🔥🔥
Благодарю
Привет, круто преподносишь информацию, молодец))
первая фишка огонь! ❤❤Спасибо
Спасибо вам огромное!
У меня такая проблемка, не понял даже, значит вот каааак 🤩🤩🤩!!! У себя откроется нормально, а в широком экране точно так же как вы сказали только в центре остаётся
Огромное спасибо зза фишки, особенно понравилось про воздушный шар - Overflow visible.
Рад, что информация зашла
8:40 я SEO джун и вы мне показываете какие-то страшилки :D
Вот ты, да ты, записывающий все эти видео, ты - потрясающий *ФОТО Киану Ривза*
Важлива інформація для тих, хто в майбутньому хоче створювати круті сайти❤️ і мій сайт на розбірці😘
Продолжай в том же духе!!!
норм фишки)
🔥👍💪
❤
Ты лучше, чем мой учитель! А как сделать альбомы ? Ну например в наличии , под заказ
Макс, благодарю за видео! Очень наглядно и невероятно полезно! При адаптиве столкнулась с проблемой, что отображение только на 640 px в режиме предпросмотра едет (текст сещается в кучку) а при работе в Zero-блоке всё норм. Почему так может быть? Заранее благодарю))
Спасибо!!! ВСЁ ОТЛИЧНО!!!
Но 6 фишка почему то не работает. Чует сердце, что какой-то косячок маленький в моей работе... Но какой?)))
Привет, подскажи как реализовать идею с 2:35 минуты на меньших екранах??
8:36 не проще ли сделать картинке видимость только на мобильной версии в настройках zero блока?
Добрый день! как можно сделать эту прозрачность как на 2:41? сами фотографии в шейпе можно сделать более прозрачными, а перехлест не получается
Здравствуйте! Спасибо Вам за урок, оочень полезный!!! Но у меня появился вопрос: Как адаптировать анимации под мобильную версию ? Или для этого нужен код?
Сегодня завтра видео будет . Там расскажу
Привет! очень понравился урок) я новичок в этом всем и есть два вопроса, что насчет шрифтов в тильде? в плане насколько я понимаю, можно установить себе шрифт, но если ты отдаешь проект заказчику, а шрифта у него такого нет, то может все слететь и вот вопрос, как все организовать без проблем? и второй вопрос, можно ли в зеро блоке сделать например открывающееся окошко с текстом, есть конечно готовые подобные блоки, но все таки в плане красоты они увы не идеальны)
1. делать в рамках аккаунта клиента
2. можно
контр цэ контр вэ, контртерористс вин
Если в зеро блок залить фон картинкой, как сделать паралакс фона? Как это реализовано в стандартных блоках...
КонтрЦ КонтрВ :)
контра цэ контра вэ
Спасибо за видео. Как сделать круглый шейп?
В видео показал . Шейп- настройки шейп - и там выпадающее меню ( квадрат, круг , линия)
Добрый вечер! А подскажите, если использовать фишку с шейпами, у меня при фиксации картинка становится просто ОГРОМНОЙ и я не могу её так кадрировать( как мне исправить это?
9:30
Тильда крутой инструмент, бесспорно. Но порой больно смотреть на такие костыли, как закрывание шейпом бэкграунд, когда в css можно было бы всего лишь прописать background:none
Верно подмечено, но задача была рассказать фишки инструментами тильды.
@@MaksKyratov Подскажите, как конвертировать блок в зеро с сохранением данных? Пересмотрел сейчас все видео с фишками, не нашёл, хотя, кажется, помню, что был совет
А как сделать картинку в шейпе и зафиксировать чтобы в мобильной версии при скролле тоже двигалось как на заднем фоне?
Можно копировать через Alt)
где взять этот плюсик в левом верху, просто у меня там лого тилда
Здравствуйте,а как сделать "положение " картинки или шейпа, не могк текст наложить на картинку, получается что текст под картинкой. У меня нет положений картинки
Слои откройте ctrl+L и перетяните текст над шейпом ( в слоях имею ввиду)
По третьей фишке не понял: ну буду я создавать каждый элемент заново, так что, мне его позиционировать на всех гаджетах не надо? Те же яйца, только в профиль. В чем же фишка? В том, что из пачки не надо вылавливать? Так есть панель слоев, там проще подхватывать. Но по любому и так и так неудобно ((
Подскажите, как реализовать первую фишку? Фото растягивается, и вы в комментариях пишете что ничего сделать нельзя. Но как тогда у вас это реализовано, чтобы самолеты не растягивались?
Ссылка url направляет в конец zero блока. Корректно не функционирует на Safari как с телефона, так и с ноутбука.
Как сделать так чтобы при фиксации изображение не увеличивалось?
Подскажите, пожалуйста, как в фиксированном шейпе уменьшить саму картинку? она огромная становится после фиксации
Никак(
@@MaksKyratov Жаль, спасибо за урок :)
Никак не получается с Фиксированным фоном (фишка № 6). Что бы я ни ставил - все равно картинка растягивается на всю высоту слайда
Как экран в зероблоке ты уменьшаешь? и увеличиваешь??
Если есть мышка , то колесиком . Если тачпад, то 2 пальцами расширяю, свожу. Вроде бы ещё контр +/-
Ни чо се
много анимации на сайте и по делу и без - раздражает. С ней нужно быть осторожнее. Добавлять только для акцента на главную идею
не получается первая фишка, при фиксации, выходит желтый фон шэйпа потом при скролле фото... как убрать цвет желтый?
Сделать прозрачным , вместо жёлтого цвета
Добрый день, Максим. А как быть с кроссбраузерностью? Мне разрабатывают сайт на Тильда и у разработчика экран 13 дюймов. У меня ноутбук имеет 15,3 дюйма. Но главный блок одностраничника у разработчика виден нормально, а у меня пусто - вся инфа сконцентрирована в центре как-то. Мне разработчик говорит, что Тильда не позволяет проконтролировать как будет сайт отображаться на всех экранах и на разных разрешениях. Он прав или просто не умеет это делать? Или Тильда на самом деле такая неспособная и скорее топорная? С шрифтами тоже я получил отказ. То есть их крайне мало, не более 10. Я сам не профи в Тильде вообще, и не понимаю вешают ли мне на уши лапшу или нет. Можете прокомментировать?
Все он позволяет) виндовс контейнером нужно делать. В курсе подробно рассказываю . Да и на канале пару раз рассказывал
По поводу шрифтов : 10 предоставляет Тильда , если недостаточно - подгружаете любой желанный
По поводу адаптивности - ну тут ещё все проще : стандартные блоки автоматом , зеро блок : индивидуальная адаптация под телефон, планшет , комп. При всем уважение вас дезориентировали по полной и не знают Тильду вообще
Shape 1 фишка не работает на мобильной версии?
Походу да , тоже сначала не понял
Батя тильды
Привет, подскажи, как здесь реализовано видео на первом экране escape-team.tech/?ref=tilda.cc/ru/madeontilda/ ?
на этом канале вы точно ответ не найдете. Это уже Motion design и другая история/профессия
@@MaksKyratov Я не про само видео, а про то, как на тильду его впилили, это что-то вроде стандартного блока с видео VD05, но не он, есть какой-то код для вставки видео через T123?
@@pystovalovlive5035 эээээ. ПОнял. Я если честно даже не знаю. Нужно подумать
@@MaksKyratov Было бы круто понять, сделано хорошо и мерзкий интерфейс ютуба/вимео при воспроизведении не вылазит, файл скорее всего через дропбокс по прямой ссылке как на блоке VD05 залит.
Тех поддержка тильды пишет, что это сторонний код, у тильдошной на сайте такого нет
@@pystovalovlive5035 Увы не знаю как
Добрый день, как узнать в zero block расстояние между элементами?
Самый легкий способ шейпами мерять
@@MaksKyratov Спасибо, я думал может как в фигме, есть варианты.Доброго дня.
Можно как в Фигме, выделите элемент и с зажатым Alt подведите к соседнему элементу, увидите расстояние
По 4й фишке - неужели нельзя в Тильде реализовать простейшее css свойство "display: none" вместо этих танцев с бубном? Разработчикам давно пора сделать это в панели редактирования. А то все это попахивает попыткой обмана поисковых систем, если речь зайдет о скрытии текста таким вот корявым способом.
братишка, извини я ржал над этим методом убрать с компьютерной версии элемент, выкинув его далеко закрома видимой части сайта,😂😂😂😂😂😂😂 неужели разрабы не могут сделать как-нибудь преключатель кнопочку который будет присваивать атрибут hidden
Я думаю вопрос времени, пока «наслаждаемся» тем что есть )
Крытые фишки, но почему вечно путаете мобильную версию с десктопной?)
Ну бывает) просто приходиться одновременно думать и говорить)
4 фишка такая абсурдная. Справа есть параметр opacity, на мобиле или ПК просто ставишь его 0 и всё, чё 4 минуты воды лить)
Абсолютно не профессионально, сайты буду небрежные и если делать 6и летнему ребенку, фан сайт по майнкрафту то сойдёт, а вот если для премиум товара то вас всех засмеют
А можно же ещё блоки прятать если opacity на 0 ставить там где не нужны и включать там где нужно
Все верно говорите