как зафиксировать меню в тильде zero block

  Рет қаралды 48,984

Макс Куратов

Макс Куратов

Күн бұрын

Пікірлер: 104
@MaksKyratov
@MaksKyratov 3 жыл бұрын
В этом видео ты узнаешь как зафиксировать меню в тильде zero block конструктор сайтов. Платные Видео-уроки 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)
@masik-sushnyak
@masik-sushnyak 2 жыл бұрын
Макс где это оверфлоу находиться? не вижу я его.
@WofAWorld
@WofAWorld 9 ай бұрын
5:40 - наконец фиксируем элементы.
@АртемНаумов-я8ш
@АртемНаумов-я8ш 2 жыл бұрын
Еще можно сделать так сдублировать меню что б их было два одно делаешь прозрачным а второе оставляешь не прозрачным и фиксируешь меню которое прозрачное и получиться эффект такой открываешь сайт и видишь не прозрачное меню когда начинаешь скролить вниз выезжает прозрачное меню фиксированое и скролиться вниз
@LinaKukelko
@LinaKukelko 3 ай бұрын
можете чуть подробнее объяснить, как это сделать?
@vasilyaasyanova1901
@vasilyaasyanova1901 2 жыл бұрын
Большое спасибо за гайд, уже отчаялась в поисках тутора по кастомной менюхе, безоговорочный лаек
@ShortsMixxTape
@ShortsMixxTape 3 жыл бұрын
Красавчик, все информативно и понятно, как всегда! лайк лайк лайк👍👍👍
@КсенияБочкова-к8в
@КсенияБочкова-к8в 3 жыл бұрын
Супер лайфхак для тебя: выделяешь все элементы в блоке, правая кнопка мыши, animation, paste animation
@nightmare0387
@nightmare0387 2 жыл бұрын
Спасибо огромное Макс! Как раз искал это! Всё как всегда на высшем уровне!👍👍👍
@ZlataRouble
@ZlataRouble 2 жыл бұрын
Большое спасибо!:) Очень полезно и интересно! классная подача материала)) пошла тестировать
@leonidgudchenko6645
@leonidgudchenko6645 2 жыл бұрын
Боже, спасибо огромное!!! Пол дня пытался решить озвученную проблему)
@pianomusic3284
@pianomusic3284 Жыл бұрын
Обалденно объяснил и сэкономил много времени
@makeev888
@makeev888 Жыл бұрын
7:00 - как так получается что меню сверху главного экрана, а потом когда все сделали визуально это так же выглядит?
@alexpupok279
@alexpupok279 2 жыл бұрын
Добрый день! А как быть в том случае, если у меня сайт в-принципе построен на zero-блоках и на многих из них указан vizible? У меня всё равно в таком случае при скролле на менюшку залазает часть элементов с других блоков.
@marigo3046
@marigo3046 Жыл бұрын
Какое нашел решение?
@Roman-p7o
@Roman-p7o 10 ай бұрын
@@marigo3046такая же проблема
@ИльяАртемьев-ш3ь
@ИльяАртемьев-ш3ь 2 жыл бұрын
Макс, спасибо большое. Все понятно и доступно, все получилось
@ЕкатеринаСамуилова-ъ1у
@ЕкатеринаСамуилова-ъ1у 2 жыл бұрын
Здравствуйте. Сделала все то же самое, но почему то фото все равно сверху на меню налезают. Как быть с этим?
@СергейКондулуков-з9ч
@СергейКондулуков-з9ч 2 жыл бұрын
Макс большое спасибо. Завтра обязательно попробую.
@sergeyshavlenkov8879
@sergeyshavlenkov8879 2 жыл бұрын
Спасибо!! Круто. Нашёл то, что искал :)
@lisa7243
@lisa7243 4 ай бұрын
Подскажите пожалуйста как это сделать на мобильной версии?
@Melentyev_David_PowerPoint
@Melentyev_David_PowerPoint Жыл бұрын
Спасибо Вам большое! У меня все получилось! ;)
@satbayman7246
@satbayman7246 3 жыл бұрын
Я не веб дизайнер, но интересно учиться. Может пригодится)
@НатальяФаворова-щ9к
@НатальяФаворова-щ9к 3 жыл бұрын
Спасибо большое, все очень понятно!
@kebabmaster5958
@kebabmaster5958 10 ай бұрын
Скажите пожалуйста, а если мне нужно чтоб под шапкой у меня Zero block с меню кнопками, нужно чтоб меню отображалось на всех страницах а не шапка. Если я код вставляю во второй блок он исчезает, видимо скрывается под шапкой, как быть, подскажите пожалуйста
@NotaRePiano
@NotaRePiano 2 жыл бұрын
Во-первых, спасибо, что в телеграм канале не миллион сообщений)) готовилась листать 1.5 часа, пока отмотаю год назад, чтобы найти нужную аватарку. Во-вторых, у меня ничего не уезжает и без fixing в базовой анимации, все пункты так и стоят на месте по центру меню, при скроле к потолку не убегают. Странно, это стало как-то по-другому работать))
@MaksKyratov
@MaksKyratov 2 жыл бұрын
пожалуйста
@LinaKukelko
@LinaKukelko 3 ай бұрын
А как сделать, так, чтобы сам хедер в начале был с фоном (у всей страницы одинаковый фон), а при скролле, когда хедер уже прилипает - фона не было?
@evgenii4512
@evgenii4512 2 жыл бұрын
Спасибо! Все очень понятно!
@АлексейЛяпичев-н2з
@АлексейЛяпичев-н2з Жыл бұрын
Макс, спасибо, супер!
@sd6664
@sd6664 3 жыл бұрын
Бро пожалуйста подскажи ! Не могу найти инфу, Я скачиваю лого с янд или гугл с серым фоном, вставляю в картинку а лого получается в квадратном изображении с углами, делал как ты показывал в одном из видео, у тебя хорошо лого размещается без углов изображения
@venk9414
@venk9414 3 жыл бұрын
Так бывает, наверное из-за того, что фото не правильно сохранили, хоть это и формат png, но с фоном. В этом случае нужно в Фотошопе или через различные сайты из этой фотографии делать нормальный png.
@alyonak3013
@alyonak3013 Жыл бұрын
Здравствуйте! Спасибо за урок! А если нужно зафиксировать меню или блок, который находится не вверху блока, а через сколько-то пикселей / процентов ниже. Если в коде убираю значение с фиксацией top 0, то ничего не работает, нижние блоки налазят на меню. Помогите пожалуйста 🥲
@natayork
@natayork Жыл бұрын
Я знаю легче способ, без кодов. Просто как сделали весь сайт, вернитесь к меню, выделите все элементы в этом блоке и в настройках нажмите на иконку - поверх всех слоев и вуаля! Все работает без танцев с бубном.
@MaksKyratov
@MaksKyratov Жыл бұрын
Раньше такого решения не было, вот и приходилось «танцевать»
@natayork
@natayork Жыл бұрын
@@MaksKyratov поняла, просто нигде не могла найти решение и методом проб нашлось в самой тильде. Коды не всегда встают на тильду кстати почему то…
@makeev888
@makeev888 Жыл бұрын
Сделали весь сайт это вы про однострочные сайты или для многострочных тоже работает?
@makeev888
@makeev888 Жыл бұрын
Это там где arrange написано, и 4 иконки маленькие показывающие расположение?
@natayork
@natayork Жыл бұрын
@@makeev888 я не делаю одностраничные, на многостраничных работает тоже, главное после всех работ зайти на меню, и сделать ещё раз все блоки меню поверх и он будет рабоать на всех страницах, если меню присвоена именно эта страница для всех
@oleksii.bondar
@oleksii.bondar 3 жыл бұрын
Все понятно и все работает, спасибо Макс! Вот только почему при скролле, когда под меню заходят точки баннера, мигают буквы текста пунктов меню (под которыми проходят точки)? Это глюк Tilda?
@ГерманАлиев-щ6я
@ГерманАлиев-щ6я 3 жыл бұрын
Есть код, который после скролла определенного числа px показывает фиксированное меню в виде блока (1), а при нажатии на шейп с url (#menu) выкатывает вторым меню блок (2) и делает определенную анимацию. Как сделать так, чтобы при скролле при раскрытом меню отрабатывалось нажатие на шейп (который с url #menu), тем самым закрывая раскрытое меню и откатывая анимацию в исходное положение? Есть ли какие-либо мысли по этому поводу? Заранее спасибо
@andrewtube80
@andrewtube80 3 жыл бұрын
А в примере html код уже был применен когда вы писали видео? Потому что не понятно как в самом начале черная полупрозрачная плашка была сверху блока который шел следующим за зероблоком? Я понимаю при скроле блок, который находится ниже, захошел под фиксированный зеро блок и стал виден. Но когда на старте ничего не происходит (нет скрола) как зероблок оказался над нижним блоком, как слои в фотошопе. Режим Visible же включает только показ элементов которые за границами блока. Мы же когда верстаем, зероблок не заходит сверху как слой в фотошопе на низлежащий слой. Они идут друг за другом. А тут сразу в примере зероблок прозрачный сверху другого блока. Не очень понял как это.
@MaksKyratov
@MaksKyratov 3 жыл бұрын
Досмотрите до конца, там собственно и ответ
@СалаватНугманов
@СалаватНугманов Жыл бұрын
#rec0000000000 { wigth*100% position: fixed top: 0 z-index: 9997 }
@TheMorte7777
@TheMorte7777 Жыл бұрын
А так можно градиент настроить, и шейп не нужен. Так же проще?
@lymanina
@lymanina Жыл бұрын
Несколько раз пересмотрела видос, не выходит. Менюха не накладывается сверху шапки, а отдельных блоком и шейпом опейсити 60% катается, в чем тут можем быть дело ?
@ABur-mg6js
@ABur-mg6js Жыл бұрын
Так как сделать так, чтобы элементы не перекрывали меню?:(
@tomhardy69
@tomhardy69 Жыл бұрын
/* геc00000000 нужно заменить на номер блока выполняющего роль меню */ #rec575180222 { width: 100%; position: fixed; top: 0; z-index: 9997; }
@elenavakk
@elenavakk Жыл бұрын
Туда но пользователь , сайта , заказчик не будет этим меню пользоваться есть ли способ сдублировать это меню как обычный блок.
@yashechkaaa5560
@yashechkaaa5560 2 жыл бұрын
Здравствуй, а подскажи пожалуйста можно ли как то сделать так чтобы меню не отображалось на прелоудере с этим кодом?
@mokaww
@mokaww Жыл бұрын
Спасибо , помогло🦾🥷🏽
@Rocroyt
@Rocroyt 3 жыл бұрын
Круто, спасибо)))
@papirushechka
@papirushechka 2 жыл бұрын
Где найти "grid container", не показывает на панели настроек ?
@dmaltsev
@dmaltsev 2 жыл бұрын
выбираете элемент в zero блоке, справа в setting верхней части под координатами и размерами находите надпись "container" - нажимаете на плюсик перед контейнером и в раскрывшемся меню выбираете windows container или grid container
@masik-sushnyak
@masik-sushnyak 2 жыл бұрын
Макс где это оверфлоу находиться? не вижу я его.
@MaksKyratov
@MaksKyratov 2 жыл бұрын
Клацни в любом месте , не на объект главное , и потом в настройки
@chutchikov
@chutchikov 2 жыл бұрын
Макс, а можно сделать чтобы меню, собранное в зеро-блоке, исчезало при скролле вниз и появлялось при скролле вверх?
@MaksKyratov
@MaksKyratov 2 жыл бұрын
Можно, но это уже тяжелая анимация
@MaksKyratov
@MaksKyratov 2 жыл бұрын
Я бы это лучше делал стандартными блоками и назначал когда появляется , когда исчезает
@ZhanS208
@ZhanS208 Жыл бұрын
Как сделать так, что бы при сролле зафиксировался фон .что бы, При скролле двигался только тексты, кнопки , все элементы?????
@nick-uk
@nick-uk 3 жыл бұрын
у подъехал новый видосик))
@ЛюбовьДворенкова
@ЛюбовьДворенкова 3 жыл бұрын
Спасибо большое!
@andreyfinance
@andreyfinance Жыл бұрын
А возможно ли зафиксировать меню также снизу?
@РаильГалиев-л8л
@РаильГалиев-л8л 3 жыл бұрын
Спасибо, классное видео
@ВикторГригоров-р1э
@ВикторГригоров-р1э Жыл бұрын
Код работает, но только одно "НО": другая анимация перестала работать).
@ocean_eyes_1
@ocean_eyes_1 2 жыл бұрын
Не "хайден" а "хидн" произносится, простите. Спасибо за урок
@MaksKyratov
@MaksKyratov 2 жыл бұрын
Спасибо , буду знать
@СаСквалыжно
@СаСквалыжно Жыл бұрын
а как сделать так фото чтобы оно появлялась при скролле?
@простоКоля-с7н
@простоКоля-с7н 3 жыл бұрын
Круто!!!
@hypnoticsplinter7710
@hypnoticsplinter7710 2 жыл бұрын
а где сам код
@Erlanwolf
@Erlanwolf 2 жыл бұрын
Как сделать так что меню появлялось через Н-ое количество пикселей?
@AlexandrFrolov-Rus
@AlexandrFrolov-Rus Жыл бұрын
Картинка в зероблоке слетает наверх, поверх другого зероблока😢 Как пофиксить?
@svetlanamaier2736
@svetlanamaier2736 3 жыл бұрын
Спасибо
@andriikovalskyi2723
@andriikovalskyi2723 2 жыл бұрын
А можно ссылку на код? В ТГ не могу найти, пазязя! :3
@CaHCaHld4
@CaHCaHld4 2 жыл бұрын
нашли код?
@MaksKyratov
@MaksKyratov 2 жыл бұрын
Та что там искать? В телеграм канале ищите фотку этого видео и в комментах
@CaHCaHld4
@CaHCaHld4 2 жыл бұрын
@@MaksKyratov Я нашел, там не сложно. Спасибо!
@aynamkhtse9213
@aynamkhtse9213 Жыл бұрын
Привет) а где скопировать код?) не вижу(((
@stalex789
@stalex789 2 жыл бұрын
Все бы хорошо,но скорость подачи инфо слишком высокая,по крайней мере для начинающих (меня).
@nekrutsu
@nekrutsu Жыл бұрын
Макс, привет. Видео понятное. И полностью раскрывает тему меню в отдельном блоке.. Но как быть, если меню внутри главного экрана сайта? То есть не в виде отдельного блока, а внутри блока сайта? Все решения что я нашел - подразумевают фиксацию всего блока целиком. Но у меня тогда не меню зафиксируется, а главный экран сайта полностью.. Как зафиксить конкретный элемент внутри блока? Спасибо.
@Kolesnichevsky
@Kolesnichevsky 2 жыл бұрын
То что я искал)))
@ЧЁРНЫЙНУАР-ю8ц
@ЧЁРНЫЙНУАР-ю8ц 3 жыл бұрын
Красавчик, Макс
@harder783
@harder783 2 жыл бұрын
почему у меня всё ровно серый фон в блоке??
@user-ant-pr
@user-ant-pr 3 жыл бұрын
Опять шапка невидимка?
@MaksKyratov
@MaksKyratov 3 жыл бұрын
Да))
@web3share
@web3share 2 жыл бұрын
ну конечно не вставить код в описание это обидно было
@АртемНаумов-я8ш
@АртемНаумов-я8ш 2 жыл бұрын
Всегда пользуюсь этим скриптом еще есть скрипт фиксации виджета кастомного на экране
@vladoga
@vladoga 2 жыл бұрын
а зачем такие сложности? Ведь есть специальная функция делать меню отдельно от всех страниц и команда, которая вешает его на все страницы
@MaksKyratov
@MaksKyratov 2 жыл бұрын
а если вам разные шапки нужны? Ну например с переключателем языков
@vladoga
@vladoga 2 жыл бұрын
@@MaksKyratov так делаешь несколько разных меню отдельно ( и для каждого языка в том числе), а потом в настройках сайта задаешь главное меню + главный подвал для всего сайта, а затем для специальных страниц задаешь другие меню тоже в настройках страницы. Это особенно удобно, когда надо сделать спец. подвал и спец. меню для карточек в магазине
@MaksKyratov
@MaksKyratov 2 жыл бұрын
@@vladoga Не морочьте голову. Написано же "как сделать меню в ЗЕРОБЛОКЕ", а не стандартный блок "меню"
@ЕвгенийБаркас
@ЕвгенийБаркас 2 жыл бұрын
Годнота
@keyzett
@keyzett 3 жыл бұрын
круто
@amm8240
@amm8240 Жыл бұрын
✌👍🔥
@lordanor227
@lordanor227 Жыл бұрын
хиден (я душнила)
@porolonec
@porolonec 2 ай бұрын
Как же много воды, я сейчас захлебнусь
@OlexandrHrytsai
@OlexandrHrytsai 2 жыл бұрын
Киньте код
@MaksKyratov
@MaksKyratov 2 жыл бұрын
В телеграме выкладывал
@OlexandrHrytsai
@OlexandrHrytsai 2 жыл бұрын
@@MaksKyratov Базару ноль, сделал - лайк видео поставил. Но вот назначаю шапку шаблоном и уже не хочет пахавать
@abdlloma
@abdlloma 2 жыл бұрын
@@MaksKyratov ваш тг канал не забанили? перехожу по ссылке, пишет что адрес не действителен ((
@MaksKyratov
@MaksKyratov 2 жыл бұрын
Та нет , все работает
@jaypacsky
@jaypacsky 2 жыл бұрын
не хайден, а хидден
@nesterpetrovich20
@nesterpetrovich20 2 жыл бұрын
Спасибо, очень в тему!
@СергейБатов-ы9щ
@СергейБатов-ы9щ Жыл бұрын
а где код то
ФИШКИ ZERO BLOCK конструктора TILDA
25:41
Макс Куратов
Рет қаралды 60 М.
Разбор всех функций Зеро Блока Тильды
1:04:30
“Don’t stop the chances.”
00:44
ISSEI / いっせい
Рет қаралды 62 МЛН
Mom Hack for Cooking Solo with a Little One! 🍳👶
00:15
5-Minute Crafts HOUSE
Рет қаралды 23 МЛН
Мен атып көрмегенмін ! | Qalam | 5 серия
25:41
Умная Таблица = 100 Задач за 5 секунд!
29:11
Импорт макета из figma в tilda | Tilda Zero Block
13:29
Макс Куратов
Рет қаралды 119 М.
Тарифы TILDA: какой выбрать новичку и как не платить
17:49
Фишки tilda |  10 крутых фишек конструктора Тильда
20:16
Крутая Lottie анимация в Тильде по скроллу (зеро блок тильда)
7:45
“Don’t stop the chances.”
00:44
ISSEI / いっせい
Рет қаралды 62 МЛН