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