Верхнее меню на сайт | CSS HTML

Подписаться 2,2 тыс.

Просмотров 52 тыс.

50% 1

Всем привет, в этом видео я покажу как легко сделать верхнее меню навигации на ваш сайт, приятнейшего просмотра!
Так же в видео я забыл рассказать, что бы добавить отступ сверху, вам нужно прописать в ALL_header_menu свойство padding, и отрегулировать по своему вкусу
Ты так же сможешь посмотреть другие мои видео тыкнув по хештегу)
#Ssttrano #html #css #верхнееменю

Опубликовано:

10 апр 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 67

@famix7431 9 месяцев назад

Хочу выразить огромную благодарность автору видео, и пожелать успехов в будущем

@artemidarelax132 2 года назад

Все доступно и понятно! Спасибо! Успехов и процветания Вам и Вашему каналу!!!

@ssttrano 2 года назад

Спасибо огромное, очень было приятно читать✨

@TrezZzor 8 месяцев назад

Спасибо огромное за ролик, очень полезно начинающим верстальщикам ❤

@user-bv1xw5vl6x 5 месяцев назад

Просто, быстро и по факту, однозначно лайк и подписка, огромное спасибо 🎉

@alekseyivanow Год назад

Спасибо,помог тем что нужно было вместе и лого и топ меню характеризовать

@user-sf4gs2fd4g 6 месяцев назад

Спасибо за ролик! Все наглядно и понятно! И все получилось! 😍

@AmanRahim01 Год назад

Очень помог, нашёл то, чего не хватало)

@bubletracks 2 года назад

Привет, спасибо за видео Такого качественного контента сейчас правда не много

@carinabaymurzina7305 Год назад

блин, классное видео, наконец получилось, спасибо

@user-rm4dp3ew8z Год назад

Спасибо за видио. ТЫ СУПЕР!!

@Pobeditely 11 месяцев назад

Спасибо для меня это самое важное в сайте

@victoria19lacord 2 года назад

спасибо,было очень нужно

@dexler740 3 месяца назад

Огромное тебе спасибо я только начал изучать фронт и просидел около 6 часов в поиске гайда как это сделать и тут нашёл твое видео которое за 6 минут помогло сделать меню❤

@ssttrano 3 месяца назад

Привет, спасибо за такой комментарий🌆 В скором времени выйдет продвинутая версия шапки, с красивым дизайном и поэтапным созданием адаптива под телефоны. Можешь подписаться что бы не пропустить)

@user-dz2nd8tu6x Год назад

Огромное спасибо

@massageykt1395 Год назад

красава парень. помог

@madeversion3324 2 года назад

Прикольно

@user-og9zk2ig5h Год назад

спасибо огромное

@VIRET0 2 года назад

Было б славно если б вы показали как его закрепить, спасибо за урок

@Dissapointt8 Год назад

Здравствуйте, а как сделать top menu допустим чтобы было справа, а Logo слева ?

@thesuspectsshow8927 Год назад

Боже спасибо

@VeliGameCallOfDuty Год назад

Кто может помочь? пишу в .Top_menu li {display: inline-block;} не ставится по центру

@pryanikxyoutube5111 Год назад

все отлично спасиб но как писать внутри разделов? они же менятся не будут

@osami8007 2 года назад

Почему-то все заработало но фон не ставиться,типо команду написал а он не меняется что делать?

@MrCezarmay 2 месяца назад

Sublime Text вижу. Но как сделать сразу с выводом результата?

@Dinozawr1k 2 года назад

Здрастуйте, как можно опустить меню ниже?

@Flytim0101 5 месяцев назад

Видео топ🎉 а как можно копировать так быстро

@Herrcag Год назад

когда ввел all header menu что нажал и в див перевел?

@SuperAnanas321 Год назад

Недавно начел изучать html css для меня самое сложное в макете это header потом попробую сделать как ты спасибо и можешь объяснить что делает vertical-alight:middle; просто не понял спасибо

@SuperAnanas321 Год назад

@oz fire ладно

@ingiborgadap Год назад

Делали по твоим гайдам менюшку, вроде даже всё и работает, но дальше никуда не продвигается, текст на сайте вставляется либо справа либо слева по бокам чердака, также и с картинками. Приходилось пользоваться костылями.

@weeping_rain2413 Год назад

Наверное либо высота не была указана блока header

@daniilplaysimplegames4159 2 месяца назад

Привет,подскажите как добавить( написать код) выпадающего меню для пунктов верхнего меню. (пробывал добавить код из видео про dropdown menu (от других авторов),почему-то не работает.)

@ssttrano 2 месяца назад

Привет, в комментариях описать не смогу наверное, поэтому предлагаю связаться в вк или тг, и завтра туда в течение дня скину код с объяснениями)

@user-bv6xr8gp2c 2 года назад

У меня почему то не срабатывает header { display: flex; justify-content: center; } текст не выравнивается по центру

@goproplay4690 2 года назад

Также

@KinoNarezkin Год назад

если на CSS то лучше text-align:center;

@bcci1235 2 года назад

Что делать если создал уже задний фон текст написал то куда меню писать?!!!!!!!!!!!!

@ssttrano 2 года назад

Сразу после открывающего тега body

@kamranracabov8689 3 месяца назад

У тебя есть ошибка в коде ты нав не употребляешь

@trepemz9034 2 года назад

Как сделать чтоб при нажатии на контакт перебрасывало на другую страницу и там будут контакты вк телега и тд

@el.pollo_diablo 2 года назад

Еще актуально?

@jonibongoni Год назад

При нажатии на контакт страница опускается вниз где написаны ВК тг Фейсбук и т п

@asatryan44 4 месяца назад

у меня текст не выровняеваеться по центру вот этот header не работет

@prut1ksleak 3 месяца назад

Попробуй align="centet"

@mam4iki_vovanchika33 Год назад

у меня почему код в css ничего не меняет и не работает , только html

@fanenisey6150 11 месяцев назад

Указал в html файле путь к css файлу?

@policce933 2 месяца назад

У меня эти (ссылки) не кликабельные, простой текст, уже хочется клавиатуру об колено сломать

@policce933 2 месяца назад

Я ошибся в двух буквах, чуть волосы не по выдерал

@user-uo3ls3je7l 7 месяцев назад

Подскажите пожалуйста! Как сделать так, чтобы у меня в пульсаре цвета также подсвечивались как у автора? 2:50

@MrCezarmay 2 месяца назад

А что за программа?

@ssttrano 2 месяца назад

В видео Sublime text. Но лично я рекомендую использовать VS code

@senianga1 Год назад

Вам никто не говорил что классы не пишутся с прописных букв?

@alekseyivanow Год назад

Пох

@zaqwsxzaqwsxzaqwsxzaqwsx7204 2 года назад

добры день. повторила. а ховер не работает

@ssttrano 2 года назад

единственное что здесь можно сделать, это проверить правильность написания :hover и посмотреть, есть ли лишние пробелы

@zaqwsxzaqwsxzaqwsxzaqwsx7204 2 года назад

@@ssttrano проверила. пробелов нет лишних

@ssttrano 2 года назад

@@zaqwsxzaqwsxzaqwsxzaqwsx7204 тогда вы можете отправить свой код мне в вк, я посмотрю что там не так) Ссылка есть под последним видео

@drdizel777 6 месяцев назад

Каждый кто такие видео пилит, при вставлении каких либо правил просто говорит «нам нужно вставить вот это» но зачем и для чего не говорит!( Ну ребят что вам сложно краткое описание давать при использовании элементов? Очевидный припер: пишет header и для мы прописываем display flex а зачем для чего что оно дает ему

@silverraze885 2 года назад

Можно текст?

@goproplay4690 2 года назад

Здрастуй у миня почимуто неверанюетса текст по центру

@goproplay4690 2 года назад

*{ margin: 0; padding: 0' } body{ background: black; color: white; .header{ display: flex; justify-content: center; } } .Logo, .Top_menu{ display: inline-block; } .Top_menu li{ display: inline-block; }

@ssttrano 2 года назад

привет, у тебя здесь .header внутри body

@goproplay4690 2 года назад

@@ssttrano Спасибо большок