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