HTML & CSS практика | Верстаем меню сайта
Рет қаралды 171,975
3 жыл бұрынДружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340
Верстаем типичное меню для сайта. Меню бывает разное, но это база для всех вариантов.
Не понял какой-то CSS свойство? - ищи его в справочнике и читай о нём: webref.ru/css
❗ Шаблон для старта из видео: github.com/avis-academy/pract...
========================================
avis-agency.ru - создание сайтов под ключ
rah-emil.ru - мой сайт и соц. сети
@mr.theTrue 2 жыл бұрын
Классно, мало таких уроков. Пожалуйста продолжай свою работу!!! Спасибо.
@s-m715 Жыл бұрын
Огромное спасибо за твой колоссальный труд! Четкое, внятное объяснение. Не понять просто не возможно!!!
@mifaress Жыл бұрын
КЛАСС. Наконец-то нашел то, что хотел. Только полезная инфа, никакой воды. Не теряешь времени на объяснении малозначимых действий, а пишешь "субтитры". Лучший!
@user-xt5yx4gi8e 2 жыл бұрын
Мне как начинающему понравилось то что все четко объяснили, без лишнего "мусора" который пока для новичка был бы лишним. подписка и лайк однозначно
@romanminich118 Жыл бұрын
Отличная подача материала по созданию хедера ! 👍 Всё до беспредела последовательно и понятно. 🥇
@TheFrostaill 2 жыл бұрын
Реально, без преувеличений, глоток свежего воздуха. Спасибо тебе
@max_peyn5305 8 ай бұрын
А у меня проблема почему-то html&css по центру а ссылки чуть ниже несмотря на то что я в точности повторял за автором а и що обратная связь тоже только више html &css
@user-xk3iz2bx8x Жыл бұрын
Это что-то нереальное , именно то что я искал !!!! Спасибо ☺️
@kardenis4437 Жыл бұрын
Спасибо тебе за такой короткий и очень продуктивный ролик! Помог
@rainstorm1157 Жыл бұрын
Спасибо большое, еще и проорала с неожиланных вставок :D
@user-vk1ng7mx6e 2 жыл бұрын
Благодарю Тебя. Очень здорово объяснил. Огромное спасибо!!!!!
@user-xs8yd4el8n 3 жыл бұрын
Спасибо тебе, ты крутой) не забрасывай
@chupik1050 Жыл бұрын
Спасибо большое за видео, очень круто объяснил, без воды, просто по факту. Очень помогло, удачи тебе!
@osm1939 2 жыл бұрын
Привет спасибо за видео, все очень понятно, за что отдельный респект!)
@catvrednyy7427 2 жыл бұрын
Спасибо, всё помогло и вполне доходчиво объяснил
@user-gs5sf8ou9r Жыл бұрын
Спасибо! Урок класс, музычка тоже в тему. От "госпади!" смеялась сильно)))
@juliadmitrivna1219 2 жыл бұрын
Отличное видео: все по существу и с освещением всех нюансов.
@user-bd2zr7dy8l Жыл бұрын
Классно и подробно объяснил)
@FuckOF... 2 жыл бұрын
Ляяя, я таких костылей наделал😂😂😂, но благодаря тебе переделаю всё по феншую, спасибо)
@vikaKim1919 Жыл бұрын
простым человеческим языком респект...
@rage_wg Жыл бұрын
Огосподи, я в своем тестовом проекте делал увеличение кнопки через увеличение значения отступов, так кнопка увеличивалась, но только вниз. Спасибо тебе за transform: scale, так выглядит намного лучше. Буду продолжать учиться
@andreyyakovlev3326 10 ай бұрын
лучшая обучалка, которую смотрел
@lenasmirnova6231 3 жыл бұрын
Самый лучший урок на ютубчике. Хочу ещё видео, про js!
@FuckOF... 2 жыл бұрын
@@AVISTV да ну!?)
@boromanphoenix811 Жыл бұрын
Супер, без воды.
@firstlevel3419 Жыл бұрын
Спасибо!!! отличное видео.
@tronget 2 жыл бұрын
Спасибо за видео!
@juliadmitrivna1219 2 жыл бұрын
А вы планируете снимать обучающие видео по JS?
@dobrMAV 3 жыл бұрын
Спасибо!Отличный урок!Мне как начинающему очень понравилось!
@sizer0939 28 күн бұрын
Как твой прогресс спустя 3 года?)
@VIRET0 2 жыл бұрын
Спасибо, очень помогло
@TimaUz 10 ай бұрын
спасибо вам очень помогли)))
@boromanphoenix811 Жыл бұрын
Лайк, подписка, продолжай👍🏻☮️
@user-vk6yk8cq8i Жыл бұрын
Спасибо большое.Лайк + подписка
@ant1k-1 Жыл бұрын
Спасибо, помог!
@seoonlyRU 2 жыл бұрын
годнота))) ловите лукас от СЕООНЛИ
@user-qt9wr4kq8e Жыл бұрын
спасибо большое, все четко
@optimax7357 3 жыл бұрын
Подскажи пожалуйста, как сделать "Комментарий при закрытии div" ?
@alexremik906 Жыл бұрын
Как сделать в sublime text после закрытия автоматически появлялся комментарии, как у вас на видео? Спасибо
@siu1941 Жыл бұрын
А как у контейнера появился отступ справа и слева?
@San_ect Жыл бұрын
А что нужно сделать чтобы Когда меню сделал ,но мне нужно чтобы при выборе раздела вылазила информация?
@ozerchanin2808 2 жыл бұрын
Молодец. Спасибо.
@user-en6kk6mk6l 2 жыл бұрын
Красавчик!
@bub2728 Жыл бұрын
7:25,ахахах чувак ты лучший,проорал
@SergunyaBartosh 11 ай бұрын
Вроде делаю все так же, а обратный звонок не ровняется по остальному списку, получается чуть выше(
@rozanek9372 2 жыл бұрын
Лайк, подписка!
@carrion5236 Жыл бұрын
Здраствуй, если с телефона открыть меню поплывёт ?
@Gifonchek578 6 ай бұрын
подскажите пожалуйста как добавить шаблон в Visual studio code
@user-uv4zh7xn2c 11 ай бұрын
Вы добавили сетку бутстрапа ради одного контейнера. не легче было - width: 1320px; height: 70px, margin: 0 auto ;. Второй вопрос : почему не прописать в navbar-menu Свойства - display: flex; justify-content: flex-start; align-items: center; } результат будет кажется таким же
@dennitenial6350 2 жыл бұрын
Arigato! Senpai.
@AoKtt Жыл бұрын
Помогите ввожу Justify-content:space-between; А space-between не работает что делать
@user-uu6qt5ln8t Жыл бұрын
Спасибо тебе
@artyrdanilov2791 Жыл бұрын
а заче у body position relative ?
@wild_snake Жыл бұрын
Эмиль, мы тебя любим. Ты лучший!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
@user-se8cu1fr2m Жыл бұрын
@@AVISTV ждем новые видео, не бросай канал! :)
@shumashok 2 жыл бұрын
Как называется программа ?
@kenry4432 Жыл бұрын
Лучший
@layin334 Жыл бұрын
Не понимаю что не так, стили как-будто не подключились, хотя цвет букв менялся, но у меня просто ссылки без каких-либо стилей
@altromundo3854 Жыл бұрын
как заполнять странички в этих блоках?
@mifaress Жыл бұрын
7:09. 🤣🤣Знатно проорал))))
@YessetSong 2 жыл бұрын
Спасибо
@shumashok 2 жыл бұрын
А что это за программа?
@ares8665 Жыл бұрын
Я не устанавливал шаблон, а так-же не указывал его в html документе. Но у меня возникла такая проблема: «обратный звонок», у меня расположен выше, нежели разделы «о нас, контакты и т.д.». Эти разделы расположены ниже. Единственное, что стоит по середине это лого. И то, у меня таких отступов не имеется…
@andreydomrachev1648 Жыл бұрын
У меня такой же случай. поборол?
@user-kn3zy4ct6z Жыл бұрын
такая же проблема
@Flame-ii9cl Жыл бұрын
@@user-kn3zy4ct6z жиза, не знаю как исправить(
@Flame-ii9cl Жыл бұрын
@@user-kn3zy4ct6z как вариант их можно в li'шки добавить, и они встанут как надо.
@Flame-ii9cl Жыл бұрын
@@user-kn3zy4ct6z я так и сделал
@krossvayz6500 Жыл бұрын
Здраствуйте. Прописал box-shadow и задал ширину 100 процентов, но есть отступи от края екрана. Как решить? Это может быть из за того что вместо надписи HTML&CSS я вставил картинку?
@AoKtt Жыл бұрын
Вполне, попробуйте тег margin
@ares8665 Жыл бұрын
body {margin: 0%; padding: 0%;}
@marinasakharova4349 Жыл бұрын
Ты мой герой ❤️ я мучалась полдня! Благодарю тебя 🙌🏼
@temirlan6660 Жыл бұрын
@@AVISTV можете помочь? Как сделать так чтобы оно само снизу предлагало как у вас. Например вы в начале написали nav.navbar>.container и у вас оно изменилось на другой код а у меня так не получается
@alexsashhhka 22 күн бұрын
@@temirlan6660 tab нажимай и будет тебе счастье
@IGo_r Жыл бұрын
Почему точки в "li" не уходят
@TASTAI 7 ай бұрын
А есть готовый код?
@user-ze4wy3fx6z Жыл бұрын
Как сделать подсветку html начального и конечного тегов в vsc? Например таких
@user-ze4wy3fx6z Жыл бұрын
@@AVISTV Нет. Как сделать подсветку тегов HTML чтоб я понял где начальный тег, а где конечный. Как понять есть ли закрытый тег? Например я написал ляляля, а тег забыл поставить. И вот как узнать поставил я его или нет?
@mr.vorchun 2 жыл бұрын
Нафига transition задавать all? Что бы на странице, при загрузке и перезагрузке, все скакало? Добавляете плавность к переходу цвета - укажите color. И глаза вырывать не будет
@skiller1962 Жыл бұрын
зачем каждый раз писать? можно же просто: ..." и так дальше
@AoKtt Жыл бұрын
Или так (ul>li*2>a[href=""]
@user-vs1it4th6f 2 жыл бұрын
А что делать если у меня даже после команд надпись не становиться как у вас а также внизу остаётся
@user-dc8th1lb7x 2 жыл бұрын
каких команд? опиши
@user-dc8th1lb7x 2 жыл бұрын
мне кажется он все понятно объяснил, даже для меня новичка, не знающего половины из этих команд :)
@paxideno Жыл бұрын
Эта менюшка будет адаптироватся под мобильные устройвства ?
@paxideno Жыл бұрын
Блин, сделал всё по видосу, менюшка вышла, но вот когда хочу посмотреть с моб устройства это жопа
@user-se8cu1fr2m Жыл бұрын
@@paxideno Чувак, для этой жопы нужно прописывать медиа-запросы под разные устройства
@FuckOF... 2 жыл бұрын
Спать надо а я всё в компе🙈
@Tonyextazzy Жыл бұрын
Как открыть консль розраба?
@corporationh5827 2 жыл бұрын
Bro, шо делать? .novbar{ width: 100%; height: 70px; box-shadow: 0 4px 10px rgba(0, 0, 0, .1); Написал как ты, но тень не появляется. Я новичок, сильно не ругайте.
@damirio_ 2 жыл бұрын
@@AVISTV у меня эти слови не горит цветом что делать? width: 100%; height: 70px; box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
@wild_snake Жыл бұрын
Опупенно, офигенно, охуенно!😄
@kjairsh2340 5 ай бұрын
почему у теья все элементы изначально приблизились к центру, хотя у тебя margin не было
@AVISTV 5 ай бұрын
Потому что display: flex у родителя. Он позволяет позиционировать элементы внутри
@user-mx9kg8gl3q Жыл бұрын
Уот так уот!
@elgamer4986 2 жыл бұрын
👍
@4izh641 2 жыл бұрын
Как же я упал с этой вставки чбд
@mishon9739 Жыл бұрын
Найс вариативность с эффектами и тенями , слушай а по бутстрап есть урок , тяжело даётся
@cryprodzen Жыл бұрын
5:36 почему у меня все в ряд выводит? все также прописал
@cryprodzen Жыл бұрын
мб что-то дополнительно надо установать? докер или что то еще?
@azat3846 3 жыл бұрын
Привет)
@exalme Жыл бұрын
а ещё можно было родителю каждог пункта списка дать значение display: flex и justify-content: space-between; 8:00
@Ksmoll 11 ай бұрын
сработало. теперь блоки не съезжают!! Облазил весь иннет. Спасибо! Но съезжают строки где больше одного слова. Блок О нас и обратный звонок. upd: решил проблему добавил в navbar-wrap { white-space: nowrap; }
@Ksmoll 11 ай бұрын
Можно еще margin-left: auto; в navbar-wrap добавить. А что justify-content: space-between конкретно в этом коде делает я так и не понял. Вроде он должен равномерно распределить элементы по строке, но у меня ничего не происходит.
@cryprodzen Жыл бұрын
Что за редактор?
@dokers2084 Жыл бұрын
Почему то навбар делатеся не совсем на всю ширину экрана, хотя стоит width 100% 🤔
@user-vp9xb8lc8e Жыл бұрын
Bootstrap подключен
@mederrayimbekov7595 Жыл бұрын
я новичок и тут такое дело что у меня (о нас , портфолио , цены , контакты ,обратный звонок ) они у меня остались под заголовком (HTML CSS) это из за того что я bootstrap не так использовал ? они у меня почему то вычеркнуты
@user-vt4bc9jf2t 10 ай бұрын
Наверное к боди есть отступы есои Вы их не убирали. Но думаю за 9мес кже разобрались)
@user-pt3yg5xg9w 6 ай бұрын
По ширине родителя 100%
@user-zv1pb8od7e 8 ай бұрын
Виден подход новичка по стилизации в css
@AVISTV 8 ай бұрын
Специально для новичков😉
@user-nb4xm1fj4d 3 ай бұрын
Ты уже зарабатываешь на програмиировании?
@AVISTV 3 ай бұрын
Уже 7-8 лет как)
@DarkLinux-un1pd Ай бұрын
@@AVISTV бро а как называется фишка что ты вводишь сразу несколько параметров и после tab у тебя уже несколько тегов? хочу изучить её это очень удобно
@mninxy Жыл бұрын
5:26
@forwork6564 Жыл бұрын
я искал медь, а нашел золото
@Yulia1035 Жыл бұрын
@luckytima2315 3 жыл бұрын
Все норм ,но бутсрап все портит имхо
@lyliaZV 2 жыл бұрын
Пишите код нормально как все люди, а то как пишите вы код не особо понятно, иногда так это напрягает
@lyliaZV 2 жыл бұрын
@@AVISTV well😗
@user-tn8pk2hf8t 3 жыл бұрын
Если бы без бутстрапа.. Было бы ок..
@rootroot1668 2 жыл бұрын
Учитель научи меня конфу
@rootroot1668 2 жыл бұрын
А ты проверь готов я или нет
@rootroot1668 2 жыл бұрын
@@AVISTV дядя не делай волну давай видосы времени нет ждать учиться надо
@Antikage201 Жыл бұрын
Автор смотрит ЧБД
@alexremik906 Жыл бұрын
Как сделать в sublime text после закрытия автоматически появлялся комментарии, как у вас на видео? Спасибо
Coding With Topchiy
Рет қаралды 57 М.
Pro Web
Рет қаралды 3,4 М.
EduCatter — Канал о Веб-Программировании
Рет қаралды 493 М.
Фрілансер по життю
Рет қаралды 1 МЛН
IT-войди
Рет қаралды 10 М.
AVIS TV
Рет қаралды 12 М.