HTML & CSS практика | Модальное окно
HTML-код
- Опубликовано: 15 мар 2021
- Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340
Верстаем модальное окно (попап окно) без каких-либо CSS библиотек и без написания JavaScript кода.
❗ Шаблон для старта из видео: github.com/avis-academy/pract...
❗ Мой плагин EasyToggler: github.com/rah-emil/easy-toggler
Не понял какой-то CSS свойство? - ищи его в справочнике и читай о нём: webref.ru/css
========================================
avis-agency.ru - создание сайтов под ключ
rah-emil.ru - мой сайт и соц. сети
Не могу найти скрипт
Огромное спасибо. Всё понятно!
Интересная и классная задумка, было бы еще классно показать в будущем ее реализацию на сайте с более красивыми стилями, хотелось бы больше материалов под данную задумку)
Спасибо за урок! Хотелось бы узнать, а планируется ли без js написать pop-up?
Дуже дякую, виглядає круто, робиться легко. Моя воля до навчання тримається в тому числі на таких людях як ви, дякую велике!
Привет, подскажи какой скрипт качать?
6:39
Классное видео
У меня такая проблема возникает, когда хочу аниминировать текст, сделать анимацию, модальное окно перестаёт открываться и страница просто перезапускается.
Спасибо!
Почему в модальном окне не работают чекбоксы?
А что делать если оверлэй у меня получается {ширина} х 0
Большое спасибо, ты меня выручил)
Спасибо!!!!
выдели пожалуйста файлы для этого видео, плагин для тех кто не разбирается в джаваскрипт очень сложно найти, да плагин изменился но нифига не понятно(((
Спасибо большое за идею! Единственное, хотелось бы запретить скролл
Привет!
Всё сделал по вашему уроку , окно появляется
но почему-то не хочет закрываться?
Где посмотреть ошибку, может скрипт не работает?
Не закрывается...
Не закрывает лол, хотел уже скинуть на чай, сорян бро не работает(
@@AVISTV Не закрывается
@@AVISTV не закрывается
Если указать в кнопке Закрыть класс data-easy-class="open", у меня срабатывает.
А где обещанный архив под видео ?
В твоем Гит Хабе можно сломать ногу. Ты или информацию обновили или удали мусор ненужный, или вывели отдельно папки под это видео...
жизнь спас спасибо🥲
Надо было скрипты самому написать и научить. А то до половины дошел и все испортил своими какими-то кодами непонятными из гитхаба. В целом видео понятное. Было бы отлично чуть убавить скорость и побольше комментить свои действия, почему зачем чему для чего. Удачи
Те у кого не работает закрытие модалки через крестик или фон,просто в кнопках где у вас (и у автора) написано data-easy-class="show",замените на data-easy-class="open"
Не выходит
@@user-kf5ti4jt3y Если указать в кнопке Закрыть класс data-easy-class="open", у меня срабатывает.
@@user-yn8qv2kl2i да я че то там подшаманил, все получилось
почему open, ведь для отображения окна добавляется класс show, но он не удаляется
Привет делаю сайт для сервера майнкрафт.Сделал всё по гайду все хорошо но не закрываеться.Что делать?П
омогите пожалуйста!
все я пофиксил
у меня не работает затемнение сайта, окно появляется, все супер, но затемнения нет.. что мне сделать?
разные варианты есть. либо на сайте накрутили стилей, что оверлей скрывается(з-индексов) либо ошибка в коде, у меня была тупая ошибка, я забыл поставить точку(п.с. ответил, как увидел)
@@LotusesFlowers37 привет, можешь код скинуть весь, долго сижу, не понимаю, где ошибка
Текущая версия скрипта не работает (1.2) не закрывается окно
@@AVISTV привет бро, не нашел именно тот файл который на видео min.js ответь плиз не могу разобраться
Привет!
Надо с самого начала было говорить, что полностью в CSS модальное окно не сделать, что нужны JS или коды специальные.
Сделать можно и на чистом CSS, но это очень и очень неудобно.
А тут…) Тут вы и не пишите JS код. Только html атрибуты. Кайфуйте с ними🥰
@@rah_emil расскажите пожалуйста каким образом вы сделаете модальное окно, которая будет показываться/скрываться при клике на чистом CSS.
@@ronaldreagan5591 через лэйблы и чекбоксы можно сделать
у меня не открывается окно😂
У меня не закрывается окно
версия 1.2 не работает, с 1.1 все нормально
пойдёт. музыку только дурную убрать и нормально
Не знаю автор просматривает старые комментарии или нет, но ооооочень нужна помощь, почему то после вставки скрипта и class="btn-close" data-easy-toggle="modalWin" data-easy-class="show" окно не открывается
Решетки к modalWin не хватает
@@AVISTV Ставил, не помогло)
@@ninetailz3675тогда хз)
Код надо смотреть уже
в 5 строк кода можно написать скрипт, не требующий лишних атрибутов для кнопок, если нужно еще покажу
@@9yuliexnx2 Благодарю за ваш энтузиазм в помощи, уже разобрался сам)
Классный видос. HTML & CSS практика | Модальное окно, ну и там чуть JS будет, вы просто скачайте, но я его обновил уже 50 раз, поэтому не скачаете, там в комментах поройтесь авось найдете.
По итогу на Html и CSS тут только кнопку наверстал и окно добавил, все остальное тупо скачать. Название кликбейт
@@AVISTV Ответ достойный материала
зачем так мучаться...
Uncaught SyntaxError: Unexpected token 'export' (at tools:385:1650)/ мотаем на следующего блогера
Да, пожалуйста)
@@AVISTVответил, значит поясни что делать , после скрипта вообще окно не всплывает