МЕНЮ в зеро блок тильда | Триггерная анимация тильда
ฝัง
- เผยแพร่เมื่อ 30 ก.ย. 2024
- Ты узнаешь как сделать меню в зеро блоке тильда. Тут будет задействована триггерная анимация тильда. Приятного просмотра.
Платные Видео-уроки 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, меню в зеро блоке тильда, Триггерная анимация тильда, zero block, зеро блок
Макс, а как же все это меню зафиксировать по скроллу?
Узнали?)
Мне тоже интересно...
Добрый день! Благодарю за видео) Возможно, это глупый вопрос, но как сделать так, чтобы меню скрывалось обратно? Почему-то у меня не получается этим же блокам прописать новые действия, кроме тех, которые уже заданы для открытия
смотрел видос именно за этим, но об этом ни слова. ненадо так(
Тот же вопрос естественно. От суппорта Тильды ответ: нет возможности у одного элемента сделать разную триггерную анимацию
А разобралась. Надо открывающемуся меню добавить в триггер тот объект, на который надо кликнуть чтобы закрылось. В моём случае это кнопка закрыть на самом открывающемся меню.
Чтобы меню обратно закрывалось: крестик поместите на передний план (выше всех остальных слоёв). Чтобы он оставался кликабельным. Спасибо за урок!
Поняла, почему уши появляются в рамке текста). Идет расширение строки интером, т.е. перескакиваешь на другую строку. Если поставить курсор за последнюю букву и нажать делет, то рамка сузится.
Макс, про УШИ в текстовом блоке. Когда выставляешь текст в одну строчку, часто они действительно зашкаливают. Я просто уменьшаю межстрочное расстояние со стандартного 1,55 до единицы или ещё меньше. И всё. Уши уменьшаются.
Спасибо за полезнейший гайд. Вопрос: можно ли каким-то образом сделать так, чтобы вся эта конструкция оставалась в неизменном положении при скролле?
Здравствуйте. Сделал ваше супер боковое меню около 4 месяцев назад. Всё прекрасно работало и радовало глаз.
А месяц назад перестали работать ссылки на главной странице. Ссылки телефона, позвонить, контактная форма и переходы между страницами. Я написал запрос в Тильду. Выяснилось, что у самой Тильды что-то в коде изменилось и ваш код плавающего меню блокирует работу всех ссылок. Отключаешь ваш код, всё работает. Включаешь и не работает. Но до этого работало всё супер. Речь идёт именно о плавающем меню.
Подскажите пожалуйста, как исправить данную проблему? Если можно, только на простом языке))
Платные уроки:
Видеокурс "Tilda для новичков:" umapalata.net/intensiv_tilda
Видеокурс "Tilda Zero Block": umapalata.net/tilda_zeroblock
МЕНЮ в зеро блок тильда | Триггерная анимация тильда
Макс, ты не удалял видос про гамбургерное меню? Вроде же было, а всё пролистал раз по пять, ну не найти(
Не подскажите, почему у меня всё работает на предпросмотре, но не видно ничего при публикации? с чем это может быть связано?
с этим кодом не работают остальные кнопки на сайте, это происходит из-за того, что блок становится по верх всех остальных блоков. Все скролится, кайф, но ниже этого блока ничего не кликается. Кто столкнулся с этим? Подскажите, как решить проблему!
странно, но у меня не дает выбирать сразу все тригеры, заставляет жмакать по отдельности, либо может на маке как то по другому
на счет "ушей" - это баг. Если обновить вкладку зеро блока, уши пропадают
🙈 мой 2 сайт на тильде🙈 злых языков не боюсь но краснеть буду 😂 pro-age.ru/
11:19 Cpacing измени расстояние
Макс! Спасибо за превосходный туториал! Есть ли возможность сделать так, что меню при скролле между зероблоками будет за этим самым скроллом?
А как настроить закрытие меню? Что-то я не заметил(((
Макс!Спасибо тебе огромное за твой весёлый труд.
А КАК ДЕЛОТЬ АДАПТАЦЫЮ
Это прекрасно! Большое спасибо! Как раз искала, как сделать такую менюшку без стандартных модулей!
Важно. У этого меню- 3 части видео ( 2-как сделать на моб, 3- как исправить ошибку, которую я допустил)
Как сместить в процентах? Мне нужно выдвинуть объект 100х100 процентов экрана, который лежит внизу, на середину экрана.
ГЕНИАЛЬНО!
Макс , зробив меню в зеро блоці і воно блокує всі кнопки , всі переходи , посилання. Вони просто не активні . Нажимаєш на них нічого не відбувається.
#rec277538177 .t396__artboard {
z-index: 100000;
position: fixed;
}
}
- Це мій код. Підкажи , будь ласка. Як тільки удаляю меню і код - все працює!
Красавчик
Вопрос1: почему три линии /шейпа не сгруппировать? тогда триггер можно запускать для всего значка бургера, а не отдельно для каждой линии.
Ответ на вопрос2 - откуда "уши" вокруг текста? - это т.н. предустановленный формат текстового окна. Он предусматривает расстояние сверху от буквы и снизу, а также включает сюда расстояние между абзацами. Это надо обнулить в редакторе текстового блока "spacing"=0
Макс, спасибо, крутой вариант меню. Но у меня убегают полоски, которые в крестик превращаются. То не, то пере ... 2 там, 1 тут. В чём может быть причина?
Класс, но как сделать так, чтобы все эти бургер и менюха ездила по сайту, если там не один экран, а несколько блоков?
Постараюсь в след видосах рассказать
Макс Куратов с нетерпением буду ждать!
Спасибо! Отношусь с уважением к вашему труду!
9 36
Про тракториста это прикольненько конечно,но утверждение что в печатке используется 300 точек - не верное, держу в курсе)
Макс привет , подскажите пжлста а кисти все черно белые ? или есть цветные хочу сделать переход между блоками галактика ) и не вразумлю как (( нашел кисти но они черно белые (
Макс, как всегда спасибо. Вопрос такой: делаю свою иконку для бокового меню вместо стандартной кнопки гамбургера. Помещаю ее в отдельный zero блок. Фиксирую блок при прокрутке и вешаю поверх остальных блоков сайта. Получается, что этот блок висит поверх остальных блоков и перекрывает доступ к элементам (ссылкам), которые оказываются с ним на одной линии. При использовании стандартной иконки такого не происходит. Как сделать так, чтобы не перекрывало доступ к элементам?
Добрый день! Подскажите, пожалуйста, как в стандартном блоке с вертикальным меню (ме901) добавить номер телефона, чтобы он был виден в мобильной версии, когда основное меню свернуто в гамбургер?
Ответ на вопрос про «Уши» - нужно удалить нижнюю невидимую строку, которая осталась по умолчанию, сделать это просто делитом :)
🔥🔥🔥🔥🔥
Мужик, ты крутой :)) 300х300 ))))))))))))
Обязательно смотреть часть 3, так как во второй допустил грубейшую ошибку ( все ссылки в описани)
@@MaksKyratov какое видео 3 часть?
В описании
С этим боковым меня есть 3 части
Спасибо большое за полезные видеоуроки и особенно по фотошопу.
Буду рад максимально жесткой критике:
alexminenko.tilda.ws/
Второй сайт мой, но уже знаю, что буду переделывать
Хороший урок с менюшкой.
Жаль только что нельзя запилить триггерную анимацию на триггерную анимацию. Задумка следующая, при Ховере на пункт меню открывается/выезжает весь блок меню, а при наведении на один из пунктов/заголовков меню данный пункт меняет свое начертание на курсив и появляется подчеркивание... Видимо данный эффект без кода не реализовать... ((
Www.fabelica.kz правда у меня восновном статика там
очень красиво и аккуратно
ну ни*уя не понятно . почему нельзя показать механизм проще без всяких ответвлений от главной мысли. эта проблема всех рассказчиков модификаций из-за которых и тратишься на обучения где мысль излагается четко и по делу.
Скиньте ссылку на своё видео, с радость посмотрю «как надо»
Ваша проблема, как и многих думать, что вам что-то должны
Так, а видео для кого снимаешь уважаемый в свободном доступе? Когда находишь ответ на нужный вопрос, а в итоге еще напрягаешься, чтобы понять автора. Начал с одного и давай плясать туда-сюда, у меня уже нервная система не выдерживает. А ответ был так близко.
А как сделать чтобы по нажатию на крестик меню уезжало обратно?
Привет, можешь дать комментарий к сайту ?)
yeshoody.ru/
Автор обкурился? :)
Зритель не угадал
Почему может не закрываться меню?
По поводу ушей - это связано с выбором виндов контейнера.
Макс есть один инструмент, который позволяет не ставить тригер на все три полосочки гамбургера. И он будет срабатывать при нажатии в любую точку плашечки под полосочками ( надеюсь ты меня понял). Короче у каждой полосочки нужно отключить Point Event ) .Это позволяет элементу быть но не влиять на кликабельность кнопки.
Как сделать так, чтобы меню скрывалось обратно?
А разобралась. Надо открывающемуся меню добавить в триггер тот объект, на который надо кликнуть чтобы закрылось. В моём случае это кнопка закрыть на самом открывающемся меню.
Ещё все таки лучше использовать кнопки, а не текстом делать ссылки на разделы, и убрать с них фон чтобы можно было бы добавить эффект при наведении.
А как растянуть меню по всей странице?
Спасибо огромное за твою работу!
ozashita.ru
А таким же способом можно сделать выпадающее меню? Но там если настроем хоовер?) спасибо
❤️❤️❤️❤️лайк лайк лайк! Спасибо 🔥👍
Прикольно! Тоже была идея такую менюху сделать, но пока думал как обычно, кто-то уже сделал).
Уши убираются у текста простым сохранением и обновлением страницы. Пункты меню я бы сделал
кнопками конечно, всё таки фокус у них больше и ховер можно назначить. В целом идея топ. Спасибо!
Как сделать мегаменю на тильде?
очень круто, спасибо
можно книгу написать, как я делала меню 🤣
Решила делать все по шагам не просмотрев видео до конца-это была роковая ошибка
Крестик перекрестился раза с 7-го.
Я решила сделать меню справа, потому что у меня логотип был слева.
Но бляха-муха. Досмотрела я видео до конца😲😲😲😲 А там в анимации логотип участвует. БЛИННН!!!! Засада!!!😂😂🤣😂
Короче пост в инстаграм готовлю 🙄
))))))
Ай, красавец! Спасибо ,Макс!
Вот моя первая работа
Классные видео у вас, очень полезно. На тему меню хотел у вас поинтересоваться, возможно вы знаете как в стандартный блок меню ME103 вставить иконки? Возможно ли это вообще?
Макс, привет) Расскажите пожалуйста,как сделать развернутую корзину в Тильде? То есть,чтобы форма была постоянно открыта на экране и при добавлении товара итоговая сумма оплаты автоматически менялась. Пример такой корзины на сайте yamiyami.ru
Очень нужно так научиться делать, клиент просит. Буду очень благодарна за обратную связь
Решили задачу? Всмысле делается в тильде такая корзина, или пришлось искать другое решение?
Спасибо большое!!!👍
Респект! Не знаю, чтобы делал, без твоей помощи))
ПОЖАЛУСТА, учитывайте, что у этого видео есть 3 части. Так как во второй немного заплужил
Что скажешь?
глубокие уши на тексте от того, что под текстом нажат enter
та вот и нет) Это первое о чем я подумал, но увы нет
Sushikira.tilda.ws спасибо)
Очень полезное видео! Спасибо
Крутое меню. А как сделать для длинного сайта зеро-меню?)
Обязательно покажу в следующих уроках, мног к просят
Спасибо, повторил. Один только вопрос остался, можно ли с помощью стандартного функционала закрепить это меню?
вопрос снят, не видел что есть вторая часть)
И третья)
Очень полезные уроки, скажите пожалуйста Макс, как именно вы переносите (дублируете) триггерную анимацию из одного шейпа в другой чтобы на каждый шейп поэтапно из 0 не делать пошагово
Найдите иконку «копировать анимацию», переходите к другому элементу, вкл пошаговую анимацию и там иконка «вставить»
@@MaksKyratov спасибо за обратную связь, также интересует такой вопрос , если я сделала боковое меню в on click можно ли данный текс (о мастере, и т.д..... сделать клибальным, то есть чтобы каждый текст был кликабельным например при нажатии был в виде ховера
Полезные видео очень хочется делать крутую анимацию, как с попугаем
Umapalata.net/tilda_zeroblock в рамках курса рассказываю
Umapalata.net/tilda_zeroblock в рамках курса рассказываю
Макс, а как такое меню работает в других блоках, условно если нужно чтобы оно было закреплено сверху, это меню ведь по факту сделано только в одном блокн
У этого видео есть часть 2 и 3 ( такая же ава к в дел , как и к этому)
Я с телефона , не могу проверить, но вроде бы в описание к видео ссылки на все части
Отличная работа👍
Подскажите, а можно ли зафиксировать при скроле, что б в любом месте и в любое время можно было б так открыть бургер
Сегодня планирую записать видео по этому поводу
@@MaksKyratov круто, отлично! А когда на ютуб канале появится? Подскажите пожалуйста
Крутяк!))) Спасибо за уроки.
СПАСИБО
Буквально пару месяцев назад начал делать сайт. Сейчас больше смотрю возможности, поэтому все блоки разные, нет единого стиля. Да что уж говорить. Дизайна нет вообще ((
Для продвижения важна скорость. Практически все сайты сделанные на Tilda имеют крайне низкую скорость.
Хотелось бы узнать насколько реально сделать максимально быстрый сайт, какие блоки больше всего отнимают время загрузки.
Ну и конечно же совет по дизайну и размещению самих элементов. Чтобы это было интересно в первую очередь для посетителей, а не для того, кто этот сайт делает.
Сайт sysadmin.com.ua
И спасибо за материалы. За то, что не просто делитесь информацией, но ещё и в понятном виде.
Мы все ценим ваш труд
Вячеслав, со скорость загрузки сайта у Тильды все ок . Очень важно оптимизировать все изображения и поменьше и сторонних кодов. Кстати не маломожно но даже код Яндекс метрики снижает загрузку сайта. Во вторых : где действительно будет подпиливать если сделать интернет магазин на 5000 позиций, но и тут можно выкрутиться разбив по категориям , где категории это отдельностоящийц н страницы . Даже тсн ( украинский канал) делал сайт на Тильде , а у них там по не кротко статей в день павкладывкется.
@@ВячеславМороз-й7д посмотрел ваш сайт, как на мой взгляд много текста. Когда его глазами много автоматически лень читать. Что я бы сделал. На первой же страницы убрал видео, которое только отвлекает и не даёт прочесть о чём сайт и вставил квиз, где человек клацает выбирая, что у него за проблема, что ближе из вашего предложения, где в конечной точке он понимает, что он нажал то что хотел и оставляет номер телефона. Дальше всё в руках менеджера. Тут важно, чтобы клиент сделал целевое действие - нажал на кнопку купить или оставил номер телефона. Квизы сейчас очень популярны.
Макс, ответьте пожалуйста)) как возможно сделать вертикальное фиксированное открытое меню , чтобы не выезжала и не съезжала. А всегда была с боку ?)
Спасибо заранее ❤️
Есть стандартный блок. Или все тоже самое как и у меня, только без анимации ( анимация отвечающая за выезд слева на право)
@@MaksKyratov Макс, меню уезжает вверх. При назначении фиксации при скроле, не срабатывает. У меня идёт длинное полотно текста вниз и возвращаться снова вверх неудобно.
Что делать, если не использовать тильдовский стандартный блок, а реализовать это в зеро.
Спасибо за видеоуроки, в тильде, на мой взгляд, есть важная проблемка в адаптации - это высокие разрешения > 1080 px, посмотрел сайты с ваших платных уроков, та же проблема что и у меня, все уехало :)
Ну это не уехало , а позиционирование элементов в процентах. То есть всегда «зафиксировано» на расстояние в процентах от края . Чем гире монитор тем отчётливей .это не бок Тильды , а особенность верстки
Хотя смотря какой курс вы проходили . Если первый , то там наоборот все через грид контейнер. Это значит, что в независимости от ширины монитора - контент всегда будет в рамках 1080пикс .
Ну и тут тоже самое- это не минус Тильды , а особенность верстки сайтостроения
Макс, а как удалить сохраненный цвет из палитры??
отличный вопрос)))) Тоже задаюсь этим вопросом)
@@MaksKyratov за кружочек и перетащить в пустое место
@@TheMrBarack Спасибо! Не очевидно) А то голову сломал как это сделать)
Крутяк! Спасибо! Подскажи, а как с меню второго уровня?
я бы делал стандартными блоками. Через зеро - можно сума сойти)
Если через зеро, то по сути по такому же принципу. Создаем стрелочку около позиции, и эту стрелочку назначаем триггером для подменю. НО игра не стоит свеч, так как это ОЧЕНЬ большой кусок работы...О Боги, я еще вспомнил что это нужно адаптировать....
@@MaksKyratov на тильдосе такое костыльное меню второго уровня, что приходится что-то думать ))) Или вообще его избегать. Я методом проб и ошибок нашел выход, но тоже не совсем адекватный: можно строить обычное меню, на нужную вкладку поставить #menuopen и нужное в выпадающем списке вылазит в бургере )
@@alexkomlyk6927 ахахах) ну вариант)
Привет, меня зовут Макар, совсем недавно начали с девушкой создавать сайты, вот собственно и наш лендинг focusweblab.com/
Уважаемый Максим Куратов, я обожаю Ваш контент - спасибо Вам огромное за такие понятные, лаконичные и полезные видео! Благодаря Вам моя жизнь в тильде расцветает и становиться ярче. Надеюсь в скором времени у меня купят сайт и я смогу купить Ваш курс и поддержать Вас не только коментом, лаком и подпиской, но и финансово. Желаю Всего самого наилучшего и позитивного😄
Очень приятные слова. Спасибо. Но Возможность купить курсы только пару дней, после чего я удаляю все курсы. Найдите в описание ссылку на мой телеграм канал там крайний пост прочтите