Липкое меню на Elementor. 2 варианта реализации.
HTML-код
- Опубликовано: 22 апр 2021
- В этом видео покажу как сделать плавающую шапку сайта на Elementor. покажу 2 варианта:
- статичная шапка, то есть опускается в таком же виде, как и в начальной точке
- меняющаяся шапка, то есть когда при прокрутке она становится другой.
Спасибо за просмотр.
Забрать css код можно здесь - / vel_wild
✅Хостинг, который я рекомендую cutt.ly/Prn063M
****************************************
**Помочь на развитие канала можно здесь (донат) 🔻: **
🔔 Donation - pay.fondy.eu/s/numz5jwZ
🔔 monobank - cutt.ly/XfgbPXh
****************************************
Мои соц сети:
📣 Instagram► / vel_wild
📣 Telegram► t.me/group_kurs_website_on_wo...
✅ Индивидуальная консультация: cutt.ly/kjeClFd
📣 Мой сайт►
📣 Для сотрудничества ► vel.dyka@gmail.com
****************************************
🐝 Скидка 10% на отели в любой точке мира здесь: www.booking.com/s/34_6/4a8c42b5
🐝 Скидка $44 на жилье AIR BNB от хозяейв: www.airbnb.ru/c/1a55f8?curren...
✅ Кешбек сервис smarty.sale/1354029
Наконец-то я понял как создавать липкое меню! Спасибо! ))
Спасибо вам Vel большое, вовремя очень.
Почему у меня в настройках секции - в разделе "Эффекты движения" 4:12 - нет таких настроек? У меня там только один пункт с "обычными" эффектами - Fade, Zoom и т.п. Никаких Sticky там нет! Или это доступно только в PRO версии Elementor?
CSS кодов по ссылке нет - там только закрытые окна, которые надо оплатить. (((
Спасибо💐
Спасибо! Что может быть проще!)))) Нашла ответ, который искала целый час на вашем видео за 2 минуты!
Спасибо, большое за инфу.
Спасибо.
Большое спасибо
🔥
спасибо)))) чтобы у вас было много хороших заказов и много денег. и еще чтобы не болела спина)))
🙂❤
Валя, а можно таким способом реализовать такую же идею как липкое меню, только допустим не меню а виджет поиска? Если есть идеи, то с нетерпением буду ждать Ваше новое видео
лайк!
Добрый день. купил доступ. все сделал по инструкции ...Вопрос: Почему при возвращении на верх header-2 не исчезает? При прокручивании вниз все как надо появляется. а при движении в обратку, не исчезает весит закрепленным!!!
А как сделать настройку stiky? По идее должен быть плагин какой-то?
Не знаете случайно, а как сделать стики при прокрутке вверх?
Подскажите пожалуйста. Почему я делаю все как в видео. Просто липкое меню без всяких CSS кодов. Но когда открываю главную страницу оно не появляется. Я уже попробовал просто создать пусту главную страницу только с фоном и одним заголовком, но все равно шапка не появляется на этой странице. В чем может быть причина? Помогите исправить.
у меня не работает, в эффектах движения есть только Анимация появления
подсказка не выскочила 😄
Второй способ с испоkьзованием header-1 и header-2 в 2023 не сработал =( печалька.
Валя. Подскажите как можно выложить сайты портфолио в интернете? Я имею в виду, что у начинающих ведь нету на хостинг, покупку домена и так далее.... github pages есть, но туда сайты на WP вроде не выложить. ???
Wordpress.com но там очень ограничено все. Но можно что-то склепать
@@VelWild Спасибо за ответ. Я так понял что два лэндинга что я почти сделал, можно только на хостинг? А вы каким хостингом пользуетесь? К стати если у вас какая-то мелкая работка есть я готов. Работать за возможность учиться это супер. Могу вам резюме скинуть.
Я под каждым видео есть ссылка на хостинг 🙂
Я пока не работаю как фриланс
@@VelWild Валя я вам все таки отправлю резюме. В друг….
Добрый вечер. Спасибо огромное за видео. Не могу скопировать CSS
у меня 1 способ не работает, что бы я не делал...1 раз заработало..и после сохранения не работает( что делать хз
Валя, как сделать чтобы это меню было не только на главной странице, а еще на других, точнее на всех страницах?
Поставить соотвеющие настройки / conditions
Добрый день. Спасибо за видео) Могу вас попросить мне отправить ваш css файл для того, чтобы Я смог сделать себе тоже липкле меню складывающееся ?
Я не смог забрать css по вашей ссылке в описании к видео
😒
А как сделать так чтоб нижняя часть меню или любого объекта-дива и т.п. прилепала к нижней части экрана? Вот на этот вопрос я еще никогда не видел ответа и он ну очень нужен для многих вещей.
Типа такого я делала на прошлом эфире "верстаем на Elementor", только разместите в нужном месте
@@VelWild Что-то я не могу найти ролик с таким названием. А можете скинуть ссылку на него?
Очень интересно. Вот только если делать шапку через обычный плагин Elementor - Header, Footer & Blocks, то в эффектах движения нет параметра Sticky.
есть бесплатное дополнение Sticky Header Effects for Elementor
@@VelWild тоже как-то не работает и внешне выглядит совсем иначе, чем у вас(((
@@kreo9596 у меня тоже не работает, в эффектах движения есть только Анимация появления
@@VelWild З доповненням все працює. Дякую!
Здравствуйте, какой код? Вы оставили ссылку на какой-то левый сайт. Там нет этого кода.
Вы получите код за подписку, так де Вы получите доступ к другим доработка, которые я показываю в других видео
Фотки кыси в студию!... :)
Это на Элементор про?
Я упоминала в видео, что это можно сделать не только на Elementor PRO
pожалуста можете мне отправить Css код липкое меню
ну продавать код css в 2021 даже за бакс - это слишком
Не покупайте
@@VelWild Лады, купил) ну такое решение стоит того и возможно даже больше. Поторопился с комментариями. Это лучше любых других кривых решений, плагинов и тд. Спасибо, молодец!
Спасибо, вот только хотите CSS - заплатите. - сразу написать , что чтоб увидеть ваш Код, нужно зарегиться на сайте и заплатить , а потом уже... может и код есть, ну да ладно спасибо
Есть вариант руками написать
Ой какая ж ты молодец....
Всё понятно и по делу...
На РуТубе канал есть?
В Телеге скопировала?
Дзен?
Если ютуб закроют, где ролики смотерть?
блин, нафига код скрыли
он же не ваш)
пришлось брать у другого мужика
пс
не все сайты делаются на продажу
В своём уме? Я видео для чего делала? Глаза у вас есть?
@@VelWild забейте, не обижайтесь.) Заказ взял на элементоре, задолбался с ним.
Слава Україні))))
Я так зраділа коли дізналась що ти українка )))🥰🥰🥰
Бо намагалась вивчати вордпресс за допомогою ангомовного контенту, було не дуже комфортно) Але якось користуватись рососійським 💩💩💩
Лайк: підписка, обіймашка
Дякую, приємно
Чтоб получить код надо заплатить деньги,,,сразу нельзя было сказать на видо,,,что я разважу на деньги я бы не смотрел
Код за деньги для ленивых. В видео я пишу тот же код. Ставишь на паузу и пишешь руками.
Версия для жмотов 😁😉
@@VelWild Да понятно уже что ты падкая на деньги ,,,,,могла бы в описание скинуть код,,,чтоб людям не переходить на твой сайт , и платить деньги
@@kanalizaciya_barnaul 😂😂😂😂
@@VelWild И че тут смешного ?
@@VelWild Раньше я смотрел твои ролики когда было все доступно и понятно , а щас хочешь если сделать как у меня плати ,,, И как дальше смотреть если что то ты интересное объясняешь чтоб сделать также как у тебя хер сделаешь,,,а ставить на паузу и переписывать это не вариант
Ребят не благодарите
Код из видео
.header-2 {
opacity: 0;
-moz-transition: opacity .25s ease-out !important;
-webkit-transition: opacity .25s ease-out !important;
transition: opacity .25s ease-out !important;
}
.elementor-sticky--effects.header-2 {
opacity: 1 !important;
}
.elementor-sticky--effects.header-1 {
display: none !important;
}
Как сделать секцию кликабельной , что б закидывало на другую страницу