HTML & CSS практика | Верстаем меню сайта
Вставка
- Опубліковано 20 сер 2024
- Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to...
Верстаем типичное меню для сайта. Меню бывает разное, но это база для всех вариантов.
Не понял какой-то CSS свойство? - ищи его в справочнике и читай о нём: webref.ru/css
❗ Шаблон для старта из видео: github.com/avi...
========================================
avis-agency.ru - создание сайтов под ключ
rah-emil.ru - мой сайт и соц. сети
Реально, без преувеличений, глоток свежего воздуха. Спасибо тебе
А у меня проблема почему-то html&css по центру а ссылки чуть ниже несмотря на то что я в точности повторял за автором а и що обратная связь тоже только више html &css
@@max_peyn5305 у меня также, нужна .navbar-menu задать margin 0
Мне как начинающему понравилось то что все четко объяснили, без лишнего "мусора" который пока для новичка был бы лишним. подписка и лайк однозначно
КЛАСС. Наконец-то нашел то, что хотел. Только полезная инфа, никакой воды. Не теряешь времени на объяснении малозначимых действий, а пишешь "субтитры". Лучший!
Классно, мало таких уроков. Пожалуйста продолжай свою работу!!! Спасибо.
Отличная подача материала по созданию хедера ! 👍 Всё до беспредела последовательно и понятно. 🥇
Огромное спасибо за твой колоссальный труд! Четкое, внятное объяснение. Не понять просто не возможно!!!
Самый лучший урок на ютубчике. Хочу ещё видео, про js!
@@AVISTV да ну!?)
Это что-то нереальное , именно то что я искал !!!! Спасибо ☺️
Спасибо большое, еще и проорала с неожиланных вставок :D
ну это супер! А фаза "элемент либо никакой либо не такой как хотелось" - философия...
Привет спасибо за видео, все очень понятно, за что отдельный респект!)
Отличное видео: все по существу и с освещением всех нюансов.
простым человеческим языком респект...
Спасибо!Отличный урок!Мне как начинающему очень понравилось!
Как твой прогресс спустя 3 года?)
Спасибо большое за видео, очень круто объяснил, без воды, просто по факту. Очень помогло, удачи тебе!
Ляяя, я таких костылей наделал😂😂😂, но благодаря тебе переделаю всё по феншую, спасибо)
Спасибо тебе за такой короткий и очень продуктивный ролик! Помог
Спасибо! Урок класс, музычка тоже в тему. От "госпади!" смеялась сильно)))
Благодарю Тебя. Очень здорово объяснил. Огромное спасибо!!!!!
лучшая обучалка, которую смотрел
Спасибо, всё помогло и вполне доходчиво объяснил
Огосподи, я в своем тестовом проекте делал увеличение кнопки через увеличение значения отступов, так кнопка увеличивалась, но только вниз. Спасибо тебе за transform: scale, так выглядит намного лучше. Буду продолжать учиться
чтоб я без тебя делала)
спасибо
Спасибо тебе, ты крутой) не забрасывай
Эмиль, мы тебя любим. Ты лучший!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
@@AVISTV ждем новые видео, не бросай канал! :)
Классно и подробно объяснил)
7:25,ахахах чувак ты лучший,проорал
Ты мой герой ❤️
я мучалась полдня!
Благодарю тебя 🙌🏼
@@AVISTV можете помочь? Как сделать так чтобы оно само снизу предлагало как у вас. Например вы в начале написали nav.navbar>.container и у вас оно изменилось на другой код а у меня так не получается
@@temirlan6660 tab нажимай и будет тебе счастье
годнота))) ловите лукас от СЕООНЛИ
Я не устанавливал шаблон, а так-же не указывал его в html документе. Но у меня возникла такая проблема: «обратный звонок», у меня расположен выше, нежели разделы «о нас, контакты и т.д.». Эти разделы расположены ниже. Единственное, что стоит по середине это лого. И то, у меня таких отступов не имеется…
У меня такой же случай. поборол?
такая же проблема
@@user-kn3zy4ct6z жиза, не знаю как исправить(
@@user-kn3zy4ct6z как вариант их можно в li'шки добавить, и они встанут как надо.
@@user-kn3zy4ct6z я так и сделал
Спасибо!!! отличное видео.
У меня колбэк чуть вверху, хотя код вроде такой же(( из за чего это можеть быть?
я так понимаю это из за navbar-wrap
Супер, без воды.
Вы добавили сетку бутстрапа ради одного контейнера. не легче было - width: 1320px; height: 70px, margin: 0 auto ;. Второй вопрос : почему не прописать в navbar-menu Свойства - display: flex;
justify-content: flex-start;
align-items: center;
} результат будет кажется таким же
7:09. 🤣🤣Знатно проорал))))
Вы немогли бы style.css поднать с боку к html - у так не удобно смотреть . Спасибо вам мне очень помагло.
А как у контейнера появился отступ справа и слева?
Спасибо, очень помогло
спасибо вам очень помогли)))
Из вас хоть кто-то писал этот код?
Потому что такое чуство будто вы все просто смотрели!!!
зачем каждый раз писать?
можно же просто:
..."
и так дальше
Или так (ul>li*2>a[href=""]
Лайк, подписка, продолжай👍🏻☮️
Спасибо большое.Лайк + подписка
спасибо большое, все четко
Спасибо за видео!
Спасибо, помог!
Вроде делаю все так же, а обратный звонок не ровняется по остальному списку, получается чуть выше(
Как же я упал с этой вставки чбд
Bro, шо делать?
.novbar{
width: 100%;
height: 70px;
box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
Написал как ты, но тень не появляется. Я новичок, сильно не ругайте.
@@AVISTV у меня эти слови не горит цветом что делать?
width: 100%;
height: 70px;
box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
Красавчик!
Спать надо а я всё в компе🙈
Arigato! Senpai.
Как сделать в sublime text после закрытия автоматически появлялся комментарии, как у вас на видео? Спасибо
Молодец. Спасибо.
А что делать если у меня даже после команд надпись не становиться как у вас а также внизу остаётся
каких команд? опиши
мне кажется он все понятно объяснил, даже для меня новичка, не знающего половины из этих команд :)
А что нужно сделать чтобы
Когда меню сделал ,но мне нужно чтобы при выборе раздела вылазила информация?
подскажите пожалуйста как добавить шаблон в Visual studio code
Помогите ввожу
Justify-content:space-between;
А space-between не работает что делать
5:36 почему у меня все в ряд выводит? все также прописал
мб что-то дополнительно надо установать? докер или что то еще?
Лучший
Не понимаю что не так, стили как-будто не подключились, хотя цвет букв менялся, но у меня просто ссылки без каких-либо стилей
Лайк, подписка!
Спасибо тебе
Почему то навбар делатеся не совсем на всю ширину экрана, хотя стоит width 100% 🤔
Bootstrap подключен
я новичок и тут такое дело что у меня (о нас , портфолио , цены , контакты ,обратный звонок ) они у меня остались под заголовком (HTML CSS) это из за того что я bootstrap не так использовал ? они у меня почему то вычеркнуты
Наверное к боди есть отступы есои Вы их не убирали. Но думаю за 9мес кже разобрались)
По ширине родителя 100%
Нафига transition задавать all? Что бы на странице, при загрузке и перезагрузке, все скакало? Добавляете плавность к переходу цвета - укажите color. И глаза вырывать не будет
Найс вариативность с эффектами и тенями , слушай а по бутстрап есть урок , тяжело даётся
Виден подход новичка по стилизации в css
Специально для новичков😉
почему у теья все элементы изначально приблизились к центру, хотя у тебя margin не было
Потому что display: flex у родителя. Он позволяет позиционировать элементы внутри
как заполнять странички в этих блоках?
Почему точки в "li" не уходят
Подскажи пожалуйста, как сделать "Комментарий при закрытии div" ?
А вы планируете снимать обучающие видео по JS?
Спасибо
я искал медь, а нашел золото
Здраствуй, если с телефона открыть меню поплывёт ?
Опупенно, офигенно, охуенно!😄
а заче у body position relative ?
Как открыть консль розраба?
а ещё можно было родителю каждог пункта списка дать значение display: flex и justify-content: space-between;
8:00
сработало. теперь блоки не съезжают!! Облазил весь иннет. Спасибо! Но съезжают строки где больше одного слова. Блок О нас и обратный звонок. upd: решил проблему добавил в navbar-wrap { white-space: nowrap; }
Можно еще margin-left: auto; в navbar-wrap добавить. А что justify-content: space-between конкретно в этом коде делает я так и не понял. Вроде он должен равномерно распределить элементы по строке, но у меня ничего не происходит.
Как сделать подсветку html начального и конечного тегов в vsc? Например таких
@@AVISTV Нет. Как сделать подсветку тегов HTML чтоб я понял где начальный тег, а где конечный. Как понять есть ли закрытый тег? Например я написал ляляля, а тег забыл поставить. И вот как узнать поставил я его или нет?
Уот так уот!
А есть готовый код?
5:26
Что за редактор?
Как называется программа ?
Здраствуйте. Прописал box-shadow и задал ширину 100 процентов, но есть отступи от края екрана. Как решить? Это может быть из за того что вместо надписи HTML&CSS я вставил картинку?
Вполне, попробуйте тег margin
body {margin: 0%; padding: 0%;}
Привет)
А что это за программа?
А можно нормально меню без бутстарапа? Мне не нужно тащить весь долбаный бутстрап ради меню! Люди на столько обленились, что скоро будут качать бустрап, что бы просто поставить рядом две колонки. Не нужно знать флекс, есть бутстрап! Блин, да код этого меню в разы короче закаченного бутстрапа! Тьфу... (((
👍
Эта менюшка будет адаптироватся под мобильные устройвства ?
Блин, сделал всё по видосу, менюшка вышла, но вот когда хочу посмотреть с моб устройства это жопа
@@paxideno Чувак, для этой жопы нужно прописывать медиа-запросы под разные устройства
Пишите код нормально как все люди, а то как пишите вы код не особо понятно, иногда так это напрягает
@@AVISTV well😗
Все норм ,но бутсрап все портит имхо
Если бы без бутстрапа.. Было бы ок..
Ты уже зарабатываешь на програмиировании?
Уже 7-8 лет как)
@@AVISTV бро а как называется фишка что ты вводишь сразу несколько параметров и после tab у тебя уже несколько тегов? хочу изучить её это очень удобно
Учитель научи меня конфу
А ты проверь готов я или нет
@@AVISTV дядя не делай волну давай видосы времени нет ждать учиться надо
Автор смотрит ЧБД
тьфу блин мне надо что бы и на мобиле менялся
Как сделать в sublime text после закрытия автоматически появлялся комментарии, как у вас на видео? Спасибо