как зафиксировать меню в тильде zero block
HTML-код
- Опубликовано: 26 окт 2021
- В этом видео ты узнаешь как зафиксировать меню в тильде 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)
_____________
Поддержать канал монетой:
(UA) secure.wayforpay.com/tips/uma...
(Все страны) www.donationalerts.com/r/maks...
_____________
Телеграм канал:
t.me/joinchat/AAAAAEadvOAkiKM...
Школа дизайна:
umapalata.net
Мое портфолио:
umapalata.net/portfolio
Меня зовут Макс Куратов, с 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
Спасибо , помогло🦾🥷🏽
Спасибо
Все понятно и все работает, спасибо Макс! Вот только почему при скролле, когда под меню заходят точки баннера, мигают буквы текста пунктов меню (под которыми проходят точки)? Это глюк Tilda?
Есть код, который после скролла определенного числа px показывает фиксированное меню в виде блока (1), а при нажатии на шейп с url (#menu) выкатывает вторым меню блок (2) и делает определенную анимацию.
Как сделать так, чтобы при скролле при раскрытом меню отрабатывалось нажатие на шейп (который с url #menu), тем самым закрывая раскрытое меню и откатывая анимацию в исходное положение? Есть ли какие-либо мысли по этому поводу? Заранее спасибо
круто
Здравствуйте. Сделала все то же самое, но почему то фото все равно сверху на меню налезают. Как быть с этим?
5:40 - наконец фиксируем элементы.
7:00 - как так получается что меню сверху главного экрана, а потом когда все сделали визуально это так же выглядит?
Здравствуйте! Спасибо за урок! А если нужно зафиксировать меню или блок, который находится не вверху блока, а через сколько-то пикселей / процентов ниже. Если в коде убираю значение с фиксацией top 0, то ничего не работает, нижние блоки налазят на меню. Помогите пожалуйста 🥲
Здравствуй, а подскажи пожалуйста можно ли как то сделать так чтобы меню не отображалось на прелоудере с этим кодом?
✌👍🔥
Добрый день! А как быть в том случае, если у меня сайт в-принципе построен на zero-блоках и на многих из них указан vizible? У меня всё равно в таком случае при скролле на менюшку залазает часть элементов с других блоков.
Какое нашел решение?
@@marigo3046такая же проблема
Скажите пожалуйста, а если мне нужно чтоб под шапкой у меня Zero block с меню кнопками, нужно чтоб меню отображалось на всех страницах а не шапка. Если я код вставляю во второй блок он исчезает, видимо скрывается под шапкой, как быть, подскажите пожалуйста
Бро пожалуйста подскажи ! Не могу найти инфу, Я скачиваю лого с янд или гугл с серым фоном, вставляю в картинку а лого получается в квадратном изображении с углами, делал как ты показывал в одном из видео, у тебя хорошо лого размещается без углов изображения
Так бывает, наверное из-за того, что фото не правильно сохранили, хоть это и формат png, но с фоном. В этом случае нужно в Фотошопе или через различные сайты из этой фотографии делать нормальный png.
Как сделать так, что бы при сролле зафиксировался фон .что бы, При скролле двигался только тексты, кнопки , все элементы?????
Как сделать так что меню появлялось через Н-ое количество пикселей?
Во-первых, спасибо, что в телеграм канале не миллион сообщений)) готовилась листать 1.5 часа, пока отмотаю год назад, чтобы найти нужную аватарку.
Во-вторых, у меня ничего не уезжает и без fixing в базовой анимации, все пункты так и стоят на месте по центру меню, при скроле к потолку не убегают. Странно, это стало как-то по-другому работать))
пожалуйста
А возможно ли зафиксировать меню также снизу?
Туда но пользователь , сайта , заказчик не будет этим меню пользоваться есть ли способ сдублировать это меню как обычный блок.
А так можно градиент настроить, и шейп не нужен. Так же проще?
А в примере html код уже был применен когда вы писали видео? Потому что не понятно как в самом начале черная полупрозрачная плашка была сверху блока который шел следующим за зероблоком? Я понимаю при скроле блок, который находится ниже, захошел под фиксированный зеро блок и стал виден. Но когда на старте ничего не происходит (нет скрола) как зероблок оказался над нижним блоком, как слои в фотошопе. Режим Visible же включает только показ элементов которые за границами блока. Мы же когда верстаем, зероблок не заходит сверху как слой в фотошопе на низлежащий слой. Они идут друг за другом. А тут сразу в примере зероблок прозрачный сверху другого блока. Не очень понял как это.
Досмотрите до конца, там собственно и ответ
Несколько раз пересмотрела видос, не выходит. Менюха не накладывается сверху шапки, а отдельных блоком и шейпом опейсити 60% катается, в чем тут можем быть дело ?
а как сделать так фото чтобы оно появлялась при скролле?
Макс, а можно сделать чтобы меню, собранное в зеро-блоке, исчезало при скролле вниз и появлялось при скролле вверх?
Можно, но это уже тяжелая анимация
Я бы это лучше делал стандартными блоками и назначал когда появляется , когда исчезает
а где сам код
почему у меня всё ровно серый фон в блоке??
Картинка в зероблоке слетает наверх, поверх другого зероблока😢 Как пофиксить?
Где найти "grid container", не показывает на панели настроек ?
выбираете элемент в zero блоке, справа в setting верхней части под координатами и размерами находите надпись "container" - нажимаете на плюсик перед контейнером и в раскрывшемся меню выбираете windows container или grid container
Так как сделать так, чтобы элементы не перекрывали меню?:(
/* геc00000000 нужно заменить на номер блока выполняющего роль меню */
#rec575180222 {
width: 100%;
position: fixed;
top: 0;
z-index: 9997;
}
Привет) а где скопировать код?) не вижу(((
Макс где это оверфлоу находиться? не вижу я его.
Клацни в любом месте , не на объект главное , и потом в настройки
Всегда пользуюсь этим скриптом еще есть скрипт фиксации виджета кастомного на экране
Все бы хорошо,но скорость подачи инфо слишком высокая,по крайней мере для начинающих (меня).
А можно ссылку на код? В ТГ не могу найти, пазязя! :3
нашли код?
Та что там искать? В телеграм канале ищите фотку этого видео и в комментах
@@MaksKyratov Я нашел, там не сложно. Спасибо!
а зачем такие сложности? Ведь есть специальная функция делать меню отдельно от всех страниц и команда, которая вешает его на все страницы
а если вам разные шапки нужны? Ну например с переключателем языков
@@MaksKyratov так делаешь несколько разных меню отдельно ( и для каждого языка в том числе), а потом в настройках сайта задаешь главное меню + главный подвал для всего сайта, а затем для специальных страниц задаешь другие меню тоже в настройках страницы. Это особенно удобно, когда надо сделать спец. подвал и спец. меню для карточек в магазине
@@vladoga Не морочьте голову. Написано же "как сделать меню в ЗЕРОБЛОКЕ", а не стандартный блок "меню"
Опять шапка невидимка?
Да))
Код работает, но только одно "НО": другая анимация перестала работать).
Не "хайден" а "хидн" произносится, простите. Спасибо за урок
Спасибо , буду знать
а где код то
ну конечно не вставить код в описание это обидно было
Я знаю легче способ, без кодов. Просто как сделали весь сайт, вернитесь к меню, выделите все элементы в этом блоке и в настройках нажмите на иконку - поверх всех слоев и вуаля! Все работает без танцев с бубном.
Раньше такого решения не было, вот и приходилось «танцевать»
@@MaksKyratov поняла, просто нигде не могла найти решение и методом проб нашлось в самой тильде. Коды не всегда встают на тильду кстати почему то…
Сделали весь сайт это вы про однострочные сайты или для многострочных тоже работает?
Это там где arrange написано, и 4 иконки маленькие показывающие расположение?
@@makeev888 я не делаю одностраничные, на многостраничных работает тоже, главное после всех работ зайти на меню, и сделать ещё раз все блоки меню поверх и он будет рабоать на всех страницах, если меню присвоена именно эта страница для всех
Киньте код
В телеграме выкладывал
@@MaksKyratov Базару ноль, сделал - лайк видео поставил. Но вот назначаю шапку шаблоном и уже не хочет пахавать
@@MaksKyratov ваш тг канал не забанили? перехожу по ссылке, пишет что адрес не действителен ((
Та нет , все работает
хиден (я душнила)
не хайден, а хидден
Макс, привет. Видео понятное. И полностью раскрывает тему меню в отдельном блоке..
Но как быть, если меню внутри главного экрана сайта? То есть не в виде отдельного блока, а внутри блока сайта? Все решения что я нашел - подразумевают фиксацию всего блока целиком. Но у меня тогда не меню зафиксируется, а главный экран сайта полностью..
Как зафиксить конкретный элемент внутри блока? Спасибо.
#rec0000000000 {
wigth*100%
position: fixed
top: 0
z-index: 9997
}
Спасибо! Все очень понятно!