Как сделать любой скролл БЕЗ КОДА в ZERO BLOCK на конструкторе TILDA
Рет қаралды 37,138
Күн бұрын✅ Мои обучающие курсы по сайтам: davetisyan.ru
✅ Бесплатные уроки по Тильде: davetisyan.ru
В этом видео я покажу, как на конструкторе сайтов Tilda в Zero Block сделать горизонтальный и вертикальный скролл без кода с помощью функции наложения, также покажу, как совмещать стандартные блоки с Zero блоками.
▶️ Заказать у меня создание сайта: davetisyan.ru/studio
▶️ Получить бесплатно 1 месяц Тильды: tilda.cc/?r=1730651
▶️ Полезные посты у меня в Инстаграм: / david.avetisyan
▶️ Обучающие материалы в Телеграме: t.me/davetisyan
Содержание видео:
00:00 Обзор выпуска
00:23 Режимы наложения в ZERO BLOCK (overflow, visible, auto, hidden)
03:03 Горизонтальный скролл на практике
05:10 Наложение элемента на следующий блок (совместное использование стандартных блоков и зеро блоков)
Спасибо, что зашли ко мне в гости!
Меня зовут Давид, я разработчик сайтов на Тильде и веб-дизайнер, помогаю новичкам с нуля научиться создавать сайты без программирования и работать удалённо.
На этом канале снимаю видео про удалённую работу, про то, как создавать сайты без программирования, про конструктор сайтов Тильду, про фриланс, сайты, дизайн и маркетинг, давайте дружить, подпишитесь на канал и до встречи.
#тильда #tilda #вебдизайн #zeroblock #конструкторсайтов #разработкасайтов #созданиесайтов #фриланс #удаленка
@david.avetisyan 2 жыл бұрын
✅ Мои обучающие курсы по сайтам: davetisyan.ru ✅ Бесплатные уроки по Тильде: davetisyan.ru Я буду очень признателен вашей поддержке. Если вам понравился ролик - поставьте лайк и оставьте любой комментарий. Алгоритмы ютуба обращают внимание на активность под видео, каждое ваше действие поможет в продвижении ролика и моего канала. Это мотивирует меня снимать больше разнообразного и полезного контента. Вам не сложно, а мне приятно. Если у вас есть вопросы, пишите в комментариях, я всем отвечаю. ▶ Заказать у меня создание сайта: davetisyan.ru/studio ▶ Получить бесплатно 1 месяц Тильды: tilda.cc/?r=1730651 ▶ Полезные посты у меня в Инстаграм: instagram.com/david.avetisyan/ ▶ Обучающие материалы в Телеграме: t.me/davetisyan
@user-qk4fh7iq8y 22 күн бұрын
Спасибо Дружище!! Всё чётко, ясно и по существу. Не то что некоторые му....ки, час воду льёт, а в конце → "дай денег за код". Ещё раз спасибо.
@oceanoffiree 9 ай бұрын
Как же ты во время попался! Как раз сейчас сижу над проектом, и сидела думала, как сделать именно так. Уже и с кодами просидела, научилась пользоваться ими ради такого, а тут все так просто! Огромное спасибо за такое видео!
@PRO-uslugi Жыл бұрын
Огромное спасибо! Как мне не хватало этой информации!
@user-dm3fl4cc2i Жыл бұрын
Это гениально, нас этому никто не учил!! Для меня это просто прорыв!!
@ImechkoFamiliya92 11 ай бұрын
внезапно оказалось очень полезным видео! Спасибо!
@to4ka26 5 ай бұрын
Отлично всё понятно! Спасибо
@daniilerofeev1079 Жыл бұрын
Мега крутая идея ! Спасибо
@elenakudinova8343 28 күн бұрын
Давид, огромное СПАСИБО! за эти уроки. Из одного ролика сразу несколько инсайтов! Применила в работе, всё получилось!
@Lunabeauty_am 3 ай бұрын
Спасибо большое за инструкцию! Всё просто и понятно)))
@user-fn7bb9os8f 8 ай бұрын
Спасибо большое 🙏Во время рекомендовал ютюб твой канал❤
@yuliashimberova5788 3 ай бұрын
Очень крутая информация, спасибо
@nadiaardis6239 Жыл бұрын
Давид, спасибо! Я просто любитель... Интересно узнавать, как делать "интересно" вот так просто!
@dariafrolova08 5 ай бұрын
Спасибо огромное!! Продолжай дальше)) Очень многим помогаешь этим)
@hatlah Жыл бұрын
Спасибо тебе! очень полезное видео
@TheFoodHubGroup Жыл бұрын
О!! Спасибо очень подробно
@anatolypetrov 10 ай бұрын
Ооооочень полезно, спасибо
@examenderusse 4 ай бұрын
спасибо огромное!!! 🥰🥰🥰
@juliamelnik8033 7 ай бұрын
Круто! Спасибо! ))
@sarakasyanets Жыл бұрын
Спасибо огромное! :)
@gliserolg192 Жыл бұрын
спасибо, нашли то что искали
@Maryam.burgantdinova 2 жыл бұрын
Спасибо! Очень полезно!
@david.avetisyan 2 жыл бұрын
🙏🏻
@Freewb99 2 жыл бұрын
Спасибо тебе большое. Я тебя так долго искал…( Все понятно и доступно, автору большое спасибо.
@david.avetisyan 2 жыл бұрын
Приятно, благодарю!
@Tutmnut 9 ай бұрын
очень круто!
@user-tz2jy2or9n Жыл бұрын
спасибо, применила! помог)))
@aytsanad152 Жыл бұрын
Спасибо за хорошее описание)) ваш разбор очень помог
@david.avetisyan Жыл бұрын
Благодарю!
@VATREX_group Жыл бұрын
Искал инструкцию по созданию скроллбара в зероблоке, выдало ваше видео, не то, что я искал, НО, очень хорошая подача. Всё очень грамотно, даже совсем неразбирающийся человек поймет и разберётся:) Подписка и лайк однозначно, и пойду изучать остальные ваши видео) Спасибо за вашу работу 🙏
@VATREX_group Жыл бұрын
Upd: Если на канале есть видео по созданию скроллбара в зеро, дайте кто-нибудь ссылку пожалуйста🙏
@david.avetisyan Жыл бұрын
@@VATREX_group Благодарю! У меня пока нет такого видео, можно найти на Ютубе у других ребят.
@user-ng7ts3fk4s Жыл бұрын
Спасибо огромное!!! Это самый лучший способ!!! Как долго я его искала!
@david.avetisyan Жыл бұрын
👍
@user-rj3hd9xt4h 2 жыл бұрын
Спасибо! Очень помогли!
@david.avetisyan 2 жыл бұрын
☺️👌
@armav108 Жыл бұрын
Спасибо большое Давид! Почему я это не знал раньше!!
@david.avetisyan Жыл бұрын
👍
@Anton16180 Жыл бұрын
Это же гениально, почему так мало людей говорит о подобном (или это настолько для всех очевидно, что они не считают это нужным..)
@oxanaorekhova7818 Жыл бұрын
То что нужно. Спасибо!
@david.avetisyan Жыл бұрын
Рад, что было полезно!
@safario Жыл бұрын
Отлично объясняешь!
@david.avetisyan Жыл бұрын
Благодарю!
@MAX_ShapeD Жыл бұрын
Давид, спасибо за полезное видео. Немного не то, что я искал, но ты все равно крутой. Лойс и подписка))
@david.avetisyan Жыл бұрын
👍🔥
@nurilikes 9 ай бұрын
Давид спасибо большущее процветания твоему каналу и твоему делу ☀
@david.avetisyan 9 ай бұрын
Благодарю!)
@irina-web1310 Жыл бұрын
Спасибо🙏 Каждый способ классный. Уже знаю где из использую.
@david.avetisyan Жыл бұрын
Рад, что вам полезно :)
@user-sd3yb7oe1j 2 жыл бұрын
Спасибо за полезную идею)
@david.avetisyan 2 жыл бұрын
☺️👍
@Cramp100 Жыл бұрын
Отлично, спасибо! На будущее. Хайден - Хидден Вижибл - Визибл
@david.avetisyan Жыл бұрын
Спасибо, окей 👌😅
@kovieking6946 2 жыл бұрын
Оо, это как раз то, что я искал!
@david.avetisyan 2 жыл бұрын
👍
@user-pu3ck2xs7x Жыл бұрын
Крутой ролик! Спасибо!
@david.avetisyan Жыл бұрын
Благодарю!
@umka_eldarskaya 2 жыл бұрын
Спасибо
@yaroslavyasinskiy 6 ай бұрын
Thanks
@DaniyarA Жыл бұрын
Спасибо! Твое видео помогло!!!
@david.avetisyan Жыл бұрын
Рад, что помогло!
@darykn8257 Жыл бұрын
Давид, привет! Уже полтора года верстаю сайты на Тильде, но никогда не использовала режим auto, хотя часто использую visible. Вот это фича! Спасибо большое!
@david.avetisyan Жыл бұрын
Привет, рад быть полезным, спасибо!
@yunusunmaceralari01 Жыл бұрын
Спасибо, удобная штука, жалко что не встретила это видео раньше
@david.avetisyan Жыл бұрын
Благодарю!
@Ysif98 Жыл бұрын
от души
@to4ka26 5 ай бұрын
Круто
@umidjonsharifov1676 Жыл бұрын
great!
@user-dc8lo4hr1z 2 жыл бұрын
спасибо!
@david.avetisyan 2 жыл бұрын
☺️👌
@tommyshelby8122 Жыл бұрын
Респект мужик
@david.avetisyan Жыл бұрын
🤘🏻
@user-wv6wd9fj9p Жыл бұрын
Спасибо за материал. Очень полезно. Подскажите, пожалуйста, как-то без кода можно убрать полосу прокрутки при горизонтальном скролле и добавить возможность листать колёсиком мыши?
@david.avetisyan Жыл бұрын
Спасибо, к сожалению, нет, так не получится.
@anyakapustina1105 Жыл бұрын
классная функция! было полезно. есть такой вопрос, как красиво подсказать пользователю, что нужно скроллить вправо?
@david.avetisyan Жыл бұрын
Можете добавить иконку пальца с анимацией, которая будет наглядно показывать, что нужно скроллить. Или же можно прямо текстом аккуратно вписать, типа скролльте вправо.
@eugennaumov1860 2 жыл бұрын
лайк
@successinfo5578 6 ай бұрын
извините, я не дизайнер, я только учусь:). Но как именно заставить его двигаться, я не могу найти с объяснением как именно его настроить. Если бы видео сделали с настойками бы,была очень благодарна!🙏
@user-ey2rt2dy4q 8 ай бұрын
Все классно)) У меня вот только слайдер накладывается на следующий блок....что делать???🤷♀🤷♀
@edinorock Жыл бұрын
Привет! Очень помогло видео, спасибо тебе большое) Единственное, там можно поставить только ограниченное количество shape из-за ширины странички самой на сайте. Вот мне например нужно колонки с новостями каждую неделю выкладывать, хотелось бы как в инстаграмм например сделать, чтобы много много страничек вправо шло - так можно сделать? Пока только 3 новости поместились. Если кто знает - отпишитесь жопалуйста, очень нужно!
@david.avetisyan Жыл бұрын
Привет, рад, что было полезно! Насчет ограничения да, есть такое, в зависимости от размера карточки могут быть до 5-7-10 штук. Что касается новостных колонок, вам проще использовать стандартные блоки, они как-раз под новости заточены и удобнее регулируются и настраиваются. Мне кажется, что вашу задачу реализовать через зеро блок очень сложно и не имеет особого смысла, так что я бы порекомендовал стандартные решения в данном случае.
@edinorock Жыл бұрын
@@david.avetisyan спасибо за ответ 🙏
@user-fv6dz7ug9x Жыл бұрын
Спасибо огромное. Теперь не будет этой суеты с кодом
@david.avetisyan Жыл бұрын
Рад, что было полезно :)
@vitalyzelensky9512 Жыл бұрын
Класс! Я искал как решить проблему со скролом и нашел ее именно здесь! Спасибо большое!
@david.avetisyan Жыл бұрын
Всегда пожалуйста 👋🏻
@LeelakateMoscow Жыл бұрын
Спасибо, впервые узнала про режим Auto в Overflow. Подскажите пожалукйста, а как происходит вмобильной версии с телефона? Ведь когда мы с телефона листаем пальцем, у нас же нет мышки с колесиком.
@david.avetisyan Жыл бұрын
В мобильной версии пальцем листаем вправо карточки, которые мы сделали в зеро блоке, всё как обычно, как на других сайтах.
@LeelakateMoscow Жыл бұрын
@@david.avetisyan точно! сделала как вы сказали, мышкой не пролистывает, скролл бар работает, уже классно) спасибо)
@david.avetisyan Жыл бұрын
@@LeelakateMoscow ☺️👌
@nurdauletzhakan1340 2 жыл бұрын
Ty
@eugennaumov1860 2 жыл бұрын
Давид, а можете подсказать, как сделать горизонтальную прокрутку по скроллу? Чтобы сначала сайт прокручивался как обычно вертикально, потом несколько блоков по горизонтали и далее -- опять по вертикали?
@david.avetisyan 2 жыл бұрын
Да, я понял вас, это делается отдельно кодом, стандартных способов сделать такое, к сожалению, нет, вот тут есть инструкция с кодом, как это реализовать: tildoshnaya.com/page6412383.html
@eugennaumov1860 2 жыл бұрын
@@david.avetisyan нашел )))) kzfaq.info/get/bejne/pqyHqaZ3ytveiYE.html
@alidizaynakademiyasi 3 ай бұрын
Привет! У меня эта же функция не сработала, обновленные настройки тильды, что можно сделать, заранее спасибо за ответ
@kidnessLife Жыл бұрын
Можно ли в тильде добавлять видео на бекграунд? пробовал переделать видео в гиф и разместить, но там ограничение 3 мб максимум
@david.avetisyan Жыл бұрын
Обычным способом можно просто добавить ссылкой с Ютуба, но видео не телефонах не будет играть, поэтому нужно использовать специальный готовый код и выгрузить видео на другой сервер, тогда получится. Почитайте об этом в интернете, есть статья вроде, там понятно будет.
@salavatgulev8641 Жыл бұрын
Здравствуйте, Давид. Сделал по вашему совету, чтоб не возиться с кодом. Вертикальный скролл мышкой работает, а горизонтальный на мышку не реагирует. Есть скролл бар внизу страницы, крутит стрелками на клаве, а мышью - нет. Перепроверил все настройки. Что может быть не так, подскажите, пжлст.
@david.avetisyan Жыл бұрын
Сложно точно сказать, детально не посмотрев, но банально проблема может быть даже в самой мышке 😅
@tanyagerasimova513 Жыл бұрын
@@david.avetisyan Да, у меня такая же проблема. На маке без мышки все отлично работает, на другом компе с мышью уже нет. Только если скроллить, зажимая ползунок.
@seoonlyRU 2 жыл бұрын
лайк от сео-гуру - СЕООНЛИ
@samplifyorg 25 күн бұрын
Вопрос: у меня появляется бегунок для скролла, но скролл мышкой не работает. В чем может быть причина?
@pavelsmirnov_ 9 ай бұрын
Добро! Я делал горизонтальное пролистывание через поэтапную анимацию по пролистыванию. Ваш вариант быстрее
@david.avetisyan 9 ай бұрын
😎🤝
@naya6329 Жыл бұрын
Добрый день. А можно ли как-то зациклить эти блоки и прокручивать бесконечно ?
@david.avetisyan Жыл бұрын
Это уже делается отдельно кодом, модификацией, стандартным функционалом Тильды не получится.
@user-qr9lx4jz7y 2 ай бұрын
на данный момент нет этой функции в тильда( что делать?
@user-qq1mu3ek6o Ай бұрын
А как сделать Квиз в зеро блоке без кода?
@user-iv5yn9ni2c Жыл бұрын
думаю поменять кардинально свою жизнь, с дальнобойщика перейти в эту сферу, сложно всё)))
@david.avetisyan Жыл бұрын
Это супер кардинальное решение и очень крутое, сложности в начале только, как и во всём, так что, приходите учиться!
@Adelina_88 Жыл бұрын
А как сделать фон? Что бы картинка на фоне не обрезалась по границам макета. а то листаешь в права, картинка обрезается, и дальше уже карточки на фоне белом просто
@david.avetisyan Жыл бұрын
Надо сделать фон на весь блок, то есть в зеро блоке фон должен быть применён на Window контейнер, если я вас правильно понял.
@Adelina_88 Жыл бұрын
@@david.avetisyan сделала, всё равно не работает. В общем, растянула на весь фон,она растянулась не по пропорциям. Поставила вместо скролла- фиксация, тогда да, работает, но только в десктопе, на остальных девайсах видимо фиксация изображения не работает, и оно автоматом переключает на режим "скролл"... И тогда опять же картинка размазывается и получается не красиво((
@david.avetisyan Жыл бұрын
@@Adelina_88 Напишите мне в телеграм, отправьте скрин или видео, попробую помочь вам, тут сложно разобраться, не вникая.
@Adelina_88 Жыл бұрын
@@david.avetisyan хорошо, спасибо!)
@maorymarket Жыл бұрын
Komentariy
@The52olenka Жыл бұрын
Почему теперь это не работает, при выборе режима появляются бегунки? Раньше этого не было.
@david.avetisyan Жыл бұрын
Возможно, что Тильда чуть изменила интерфейс, я и сам не заглядывал туда.
@The52olenka Жыл бұрын
@@david.avetisyan испортили такую удобную фишку
@user-fv1to2nd4e Жыл бұрын
клево, только хидден, а не хайден....
@david.avetisyan Жыл бұрын
Окей 👌😅
@VadimPasternak 2 ай бұрын
Но тогда получается некрасивая полоска прокрутки
@Johnsson25 3 ай бұрын
Хиден и визибл, а не хайден и вижибл)
@oxq5193 Жыл бұрын
но на очень большом экране эти элементы становятся видны... которые мы хотим чтобы пользователь скроллил
@david.avetisyan Жыл бұрын
Смотря как расставить, а так, ничего страшного в этом нет 🤝
@allows6294 Жыл бұрын
что делать если снизу появляется скрол прокрутки как его убрать
@david.avetisyan Жыл бұрын
Расскажите чуть подробнее, не очень понял, в чем проблема, попробую помочь 👌
@gvlkewich Жыл бұрын
@@david.avetisyan как убрать скроллбар
@david.avetisyan Жыл бұрын
@@gvlkewich Скорее всего как-то кодом, не знаю, к сожалению.
@gvlkewich Жыл бұрын
@@david.avetisyan если еще актуально, скроллбар я убрал кодом css #12345678(номер блока, в котором виден горизонтальный скроллбар) ::-webkit-scrollbar { display: none !important; }
@veronikaholitsyna9647 Жыл бұрын
У меня не работает Auto, не понимаю в чем причина😭
@david.avetisyan Жыл бұрын
Попробуйте по видео повторно и по шагам реализовать 👌
@elizabethgoldshteyn7801 Жыл бұрын
Блин, у меня горизонтально не скроллится колесиком мыши:(
@david.avetisyan Жыл бұрын
Попробуйте проверить всё точно в настройках, режим наложения, формат, всё, как на видео, успехов 🙏🏻
@Katrina-Br 11 ай бұрын
А у меня выходит что ползунок нужно двигать что бы скролить. Что за ерунда 😅
Давид Аветисян | Сайты на Тильде
Рет қаралды 6 М.
Дмитрий Варфоломеев
Рет қаралды 15 М.
Давид Аветисян | Сайты на Тильде
Рет қаралды 5 М.
Немного Лучше
Рет қаралды 6 МЛН
Ярослав Ясинский // Yason Studio
Рет қаралды 4,6 М.
Voron-dev
Рет қаралды 12 М.
Клуб дедов-программистов
Рет қаралды 1 МЛН
Школа Молнии для дизайнеров сайтов на Тильде
Рет қаралды 79 М.