как зафиксировать меню в тильде zero block
Vložit
- čas přidán 26. 08. 2024
- В этом видео ты узнаешь как зафиксировать меню в тильде zero block конструктор сайтов.
Платные Видео-уроки 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, фиксация меню при скролле тильда меню в тильда фиксация меню тильда фиксация меню tilda конструктор сайтов #МенюТильда #МенюTilda #Тильда неподвижное меню tilda неподвижное меню тильда
В этом видео ты узнаешь как зафиксировать меню в тильде 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)
Макс где это оверфлоу находиться? не вижу я его.
Еще можно сделать так сдублировать меню что б их было два одно делаешь прозрачным а второе оставляешь не прозрачным и фиксируешь меню которое прозрачное и получиться эффект такой открываешь сайт и видишь не прозрачное меню когда начинаешь скролить вниз выезжает прозрачное меню фиксированое и скролиться вниз
Супер лайфхак для тебя: выделяешь все элементы в блоке, правая кнопка мыши, animation, paste animation
5:40 - наконец фиксируем элементы.
Красавчик, все информативно и понятно, как всегда! лайк лайк лайк👍👍👍
Спасибо огромное Макс! Как раз искал это! Всё как всегда на высшем уровне!👍👍👍
Обалденно объяснил и сэкономил много времени
Большое спасибо за гайд, уже отчаялась в поисках тутора по кастомной менюхе, безоговорочный лаек
Большое спасибо!:) Очень полезно и интересно! классная подача материала)) пошла тестировать
Макс, спасибо, супер!
Здравствуйте. Сделала все то же самое, но почему то фото все равно сверху на меню налезают. Как быть с этим?
Спасибо!! Круто. Нашёл то, что искал :)
Макс, спасибо большое. Все понятно и доступно, все получилось
Макс большое спасибо. Завтра обязательно попробую.
Боже, спасибо огромное!!! Пол дня пытался решить озвученную проблему)
Спасибо! Все очень понятно!
Круто!!!
Круто, спасибо)))
Спасибо Вам большое! У меня все получилось! ;)
Спасибо, очень в тему!
а где сам код
Я не веб дизайнер, но интересно учиться. Может пригодится)
Во-первых, спасибо, что в телеграм канале не миллион сообщений)) готовилась листать 1.5 часа, пока отмотаю год назад, чтобы найти нужную аватарку.
Во-вторых, у меня ничего не уезжает и без fixing в базовой анимации, все пункты так и стоят на месте по центру меню, при скроле к потолку не убегают. Странно, это стало как-то по-другому работать))
пожалуйста
Красавчик, Макс
Добрый день! А как быть в том случае, если у меня сайт в-принципе построен на zero-блоках и на многих из них указан vizible? У меня всё равно в таком случае при скролле на менюшку залазает часть элементов с других блоков.
Какое нашел решение?
@@marigo3046такая же проблема
Спасибо, классное видео
Спасибо большое!
Так как сделать так, чтобы элементы не перекрывали меню?:(
/* геc00000000 нужно заменить на номер блока выполняющего роль меню */
#rec575180222 {
width: 100%;
position: fixed;
top: 0;
z-index: 9997;
}
Все понятно и все работает, спасибо Макс! Вот только почему при скролле, когда под меню заходят точки баннера, мигают буквы текста пунктов меню (под которыми проходят точки)? Это глюк Tilda?
Скажите пожалуйста, а если мне нужно чтоб под шапкой у меня Zero block с меню кнопками, нужно чтоб меню отображалось на всех страницах а не шапка. Если я код вставляю во второй блок он исчезает, видимо скрывается под шапкой, как быть, подскажите пожалуйста
Подскажите пожалуйста как это сделать на мобильной версии?
у подъехал новый видосик))
Спасибо , помогло🦾🥷🏽
7:00 - как так получается что меню сверху главного экрана, а потом когда все сделали визуально это так же выглядит?
То что я искал)))
Есть код, который после скролла определенного числа px показывает фиксированное меню в виде блока (1), а при нажатии на шейп с url (#menu) выкатывает вторым меню блок (2) и делает определенную анимацию.
Как сделать так, чтобы при скролле при раскрытом меню отрабатывалось нажатие на шейп (который с url #menu), тем самым закрывая раскрытое меню и откатывая анимацию в исходное положение? Есть ли какие-либо мысли по этому поводу? Заранее спасибо
Годнота
Спасибо
Несколько раз пересмотрела видос, не выходит. Менюха не накладывается сверху шапки, а отдельных блоком и шейпом опейсити 60% катается, в чем тут можем быть дело ?
Туда но пользователь , сайта , заказчик не будет этим меню пользоваться есть ли способ сдублировать это меню как обычный блок.
Здравствуйте! Спасибо за урок! А если нужно зафиксировать меню или блок, который находится не вверху блока, а через сколько-то пикселей / процентов ниже. Если в коде убираю значение с фиксацией top 0, то ничего не работает, нижние блоки налазят на меню. Помогите пожалуйста 🥲
А так можно градиент настроить, и шейп не нужен. Так же проще?
Как сделать так, что бы при сролле зафиксировался фон .что бы, При скролле двигался только тексты, кнопки , все элементы?????
Бро пожалуйста подскажи ! Не могу найти инфу, Я скачиваю лого с янд или гугл с серым фоном, вставляю в картинку а лого получается в квадратном изображении с углами, делал как ты показывал в одном из видео, у тебя хорошо лого размещается без углов изображения
Так бывает, наверное из-за того, что фото не правильно сохранили, хоть это и формат png, но с фоном. В этом случае нужно в Фотошопе или через различные сайты из этой фотографии делать нормальный png.
Здравствуй, а подскажи пожалуйста можно ли как то сделать так чтобы меню не отображалось на прелоудере с этим кодом?
а как сделать так фото чтобы оно появлялась при скролле?
Как сделать так что меню появлялось через Н-ое количество пикселей?
А в примере html код уже был применен когда вы писали видео? Потому что не понятно как в самом начале черная полупрозрачная плашка была сверху блока который шел следующим за зероблоком? Я понимаю при скроле блок, который находится ниже, захошел под фиксированный зеро блок и стал виден. Но когда на старте ничего не происходит (нет скрола) как зероблок оказался над нижним блоком, как слои в фотошопе. Режим Visible же включает только показ элементов которые за границами блока. Мы же когда верстаем, зероблок не заходит сверху как слой в фотошопе на низлежащий слой. Они идут друг за другом. А тут сразу в примере зероблок прозрачный сверху другого блока. Не очень понял как это.
Досмотрите до конца, там собственно и ответ
А возможно ли зафиксировать меню также снизу?
Я знаю легче способ, без кодов. Просто как сделали весь сайт, вернитесь к меню, выделите все элементы в этом блоке и в настройках нажмите на иконку - поверх всех слоев и вуаля! Все работает без танцев с бубном.
Раньше такого решения не было, вот и приходилось «танцевать»
@@MaksKyratov поняла, просто нигде не могла найти решение и методом проб нашлось в самой тильде. Коды не всегда встают на тильду кстати почему то…
Сделали весь сайт это вы про однострочные сайты или для многострочных тоже работает?
Это там где arrange написано, и 4 иконки маленькие показывающие расположение?
@@makeev888 я не делаю одностраничные, на многостраничных работает тоже, главное после всех работ зайти на меню, и сделать ещё раз все блоки меню поверх и он будет рабоать на всех страницах, если меню присвоена именно эта страница для всех
✌👍🔥
почему у меня всё ровно серый фон в блоке??
круто
Картинка в зероблоке слетает наверх, поверх другого зероблока😢 Как пофиксить?
ну конечно не вставить код в описание это обидно было
Не "хайден" а "хидн" произносится, простите. Спасибо за урок
Спасибо , буду знать
Код работает, но только одно "НО": другая анимация перестала работать).
Где найти "grid container", не показывает на панели настроек ?
выбираете элемент в zero блоке, справа в setting верхней части под координатами и размерами находите надпись "container" - нажимаете на плюсик перед контейнером и в раскрывшемся меню выбираете windows container или grid container
Привет) а где скопировать код?) не вижу(((
Все бы хорошо,но скорость подачи инфо слишком высокая,по крайней мере для начинающих (меня).
Макс, а можно сделать чтобы меню, собранное в зеро-блоке, исчезало при скролле вниз и появлялось при скролле вверх?
Можно, но это уже тяжелая анимация
Я бы это лучше делал стандартными блоками и назначал когда появляется , когда исчезает
Макс где это оверфлоу находиться? не вижу я его.
Клацни в любом месте , не на объект главное , и потом в настройки
Всегда пользуюсь этим скриптом еще есть скрипт фиксации виджета кастомного на экране
а где код то
а зачем такие сложности? Ведь есть специальная функция делать меню отдельно от всех страниц и команда, которая вешает его на все страницы
а если вам разные шапки нужны? Ну например с переключателем языков
@@MaksKyratov так делаешь несколько разных меню отдельно ( и для каждого языка в том числе), а потом в настройках сайта задаешь главное меню + главный подвал для всего сайта, а затем для специальных страниц задаешь другие меню тоже в настройках страницы. Это особенно удобно, когда надо сделать спец. подвал и спец. меню для карточек в магазине
@@vladoga Не морочьте голову. Написано же "как сделать меню в ЗЕРОБЛОКЕ", а не стандартный блок "меню"
А можно ссылку на код? В ТГ не могу найти, пазязя! :3
нашли код?
Та что там искать? В телеграм канале ищите фотку этого видео и в комментах
@@MaksKyratov Я нашел, там не сложно. Спасибо!
Опять шапка невидимка?
Да))
Киньте код
В телеграме выкладывал
@@MaksKyratov Базару ноль, сделал - лайк видео поставил. Но вот назначаю шапку шаблоном и уже не хочет пахавать
@@MaksKyratov ваш тг канал не забанили? перехожу по ссылке, пишет что адрес не действителен ((
Та нет , все работает
хиден (я душнила)
не хайден, а хидден
Макс, привет. Видео понятное. И полностью раскрывает тему меню в отдельном блоке..
Но как быть, если меню внутри главного экрана сайта? То есть не в виде отдельного блока, а внутри блока сайта? Все решения что я нашел - подразумевают фиксацию всего блока целиком. Но у меня тогда не меню зафиксируется, а главный экран сайта полностью..
Как зафиксить конкретный элемент внутри блока? Спасибо.
#rec0000000000 {
wigth*100%
position: fixed
top: 0
z-index: 9997
}
Спасибо большое, все очень понятно!