Полезные ссылки к уроку: ► Шпаргалка по быстрой верстке на EMMET - bit.ly/2zwDk1p ► Уроки по FlexBox - bit.ly/2CYN8lo ► Шпаргалка по иконкам Font Awesome - bit.ly/2nHR4lt
Спасибо . Я выяснил в чем дело . У меня редактор дает баги . Пишу код- на странице ерунда , потом стираю его переписываю (или копирую и вставляю снова ) и все работает .
В выпадающем меню на пер пой кнопке левая граница толще чем на остальных (вернее она там двойная). Как исправить? pp.userapi.com/c850520/v850520621/5538b/ucuStvsuMWk.jpg
Крч // border у всех элементов поставил одного цвета, а в // .dws-menu > ul li:first-child добавил строку // margin-left: -1px; в // .dws-menu li > ul li ul сделал // right: -153px; вместо 150. Вроде бы мелкие недочеты, но глаза мозолят. Теперь надо в выпадающем списке правую полосу поправить. Она в два раза толще левой. Еще градиент у меня при зуме иногда растаскивает кнопки. Поменял на один цвет. Не нашел как всё это исправить.
День второй) Возьмите это и его туда а здесь вот так и этак)) Чёёёёёё. До этого видео я представления не имел о всём что говорит автор) Очень много гуглю, первое меню в моей жизни даётся тяжело. Познания в данной сфере на данный момент -100% )) Но мы не здаёмся, обязательно всё получиться) Всем удачи,не бросайте на пол пути)
Огромное вам спасибо! Нашел то чего искал, благодаря вам. Было очень понятно и ясно, а еще очень интересно! Больше вот таких классных видеоуроков выпускайте !!! Респект вам!!!
отличный ролик, приятная музыка, смотрел в 2х кратном ускорении, дикция норм, инфа полезная, всего пару дней как начал лепить первый сайт, комент ради комента говорят за это бонусы дают блогерам
Спасибо большое! Делал несколько раз меню для своих любительских проектов - и всегда это было сложно, долго и не пойми как. Хотя и работало по факту, но это была пытка - в результате стал просто бояться писать менюшки. А тут все настолько просто, понятно, быстро и доступно! Обязательно буду теперь пробовать у себя!
Денис, не обижайся, но это было уже гдето в 2012м... тогда появилось, даже сайт в котором можно было скачать менюшки на CSS ? гармошкой... выпаданием вниз , смещением вбок. ,по своему заказу, заполнив поля онлайн. Сложнее платно, что проще бесплатно. Но если есть спрос, то освещать тему естественно надо. Молодца. Лайк.
Спасибо добрый человек!За 7 минут видео я понял гораздо больше чем за 330 страниц книги Бена Хеника!На которую убил 4 дня...Я таки прямо в восторге!Буду смотреть дальше твои видео!А то натыкался на часовые видео других людей,толку мало было
Денис спасибо за видео, очень познавательно. Голос приятный, музыка на фоне спокойная - абсолютно не мешает. Лайк за видео и подписка на ваш канал обязательно! Респект.
Если бы ты сделал парочку макетов сайтов у себя на видеоуроках, разбил бы их на штук так 20 и за эти 20 уроков ты бы например запилил 2, 3 сайта разной сложности. От простого и легкого, к более сложному. Вот это было бы интересно, хотя так наверное каждый бы урок занимал по минут 20, но, лично для меня, это было бы интересно)
Покажите как сделать анимационную новогоднюю рамку на всю страницу и разместить анимационные гиф картинки в углах страницы. а также как отражать картинку по горизонтали и по вертикали ? Спасибо Вам !
Денис, спасибо за замечательные уроки! Нашел Ваш канал по рекомендации от Хауди Хо и не пожалел. Небольшая поправочка: "Awesome" произносится как "Осом" (ударение на первый слог). )))
>>Списки отобразим по горизонтали при помощи display: flax, и делаем его по центру: Опечатку нашел на сайте, страница этого урока. Автор, ты все равно мегакрут. Сейчас меню делаю. У тебя учусь.
Что за тег я никак не пойму? Как курсив может вставлять иконки? И что значит запись в css, в строчке 20: .dws-menu > ul li a? Почеу li и a подряд записываются?
Перестань, я не хочу растягивать на пол часа и больше то, что можно рассказать за 10 - 15 минут, когда это понимаешь. Я ценю время тех людей, которые меня смотрят, а набор кода и все остальное - это просто готовый результат трудов, которым я посвящаю все свое свободное время.
Даже не знаю, увидишь ли ты это... Но. Я не совсем давно в галузи CSS и никак не пойму чем отличается запись .dws-menu > ul li от .dws-menu ul li. И вообще, какую функцию выполняет этот символ ">"?
У данного оформления выпадающего меню можно изменить с легкостью дизайн, также адаптировать под разные устройства экрана не составит труда. #2 ЧАСТЬ урока тут - ruclips.net/video/tRoszGUp5Sg/видео.html (Адаптация под мобильные устройства)
С удовольствием бы посмотрел продолжение по адаптации этого меню под разные разрешения экранов и с последующем переходом в мобильное меню - СПАСИБО !!!
Ну, каждому свое, просто js немного капризнее, за то там более проще все реализовать. По загрузке все зависит от содержания файла и его функционала, при помощи консоли в браузере можно сравнить эти варианты, но я думаю особой разницы там не увидишь по крайне мере по данному функционалу. Каждый разработчик выбирает тот вариант в котором лучше всего ориентируется.
Денис спасибо за хороший урок. Объяснил все четко и понятно, главное не спеша. Ждем еще такие уроки от вас. Еще хотел видеть от тебя в таком же темпе урок о PHP. Спасибо!
Отличный ролик! Но возник вопрос: выпадающее меню размещается за анимированной картинкой ..... какими средствами исправить, в каком направлении копать?
супер. Скажи, пожалуйста, как применить transition для других элементов. Например, есть 2 дива, при наведении на один, цвет другого должен плавно изменяться. В моем случае свойство transition не работает, иначе говоря, цвет меняется резко.
А если добавить к стилям вот такое .dws-menu>ul>li:hover { background: #454547; } .dws-menu>ul>li:hover>a { color: #fff; } то при перемещении курсора с родительского пункта первого уровня темная заливка не будет исчезать.
Полезные ссылки к уроку:
► Шпаргалка по быстрой верстке на EMMET - bit.ly/2zwDk1p
► Уроки по FlexBox - bit.ly/2CYN8lo
► Шпаргалка по иконкам Font Awesome - bit.ly/2nHR4lt
Простите , у меня не выстраивается меню в ряд .Думал дело в display: flex; , но все равно ничего не выходит подскажите пожалуйста .
Спасибо . Я выяснил в чем дело . У меня редактор дает баги . Пишу код- на странице ерунда , потом стираю его переписываю (или копирую и вставляю снова ) и все работает .
скинь
код
В выпадающем меню на пер пой кнопке левая граница толще чем на остальных (вернее она там двойная). Как исправить?
pp.userapi.com/c850520/v850520621/5538b/ucuStvsuMWk.jpg
Крч // border у всех элементов поставил одного цвета, а в // .dws-menu > ul li:first-child добавил строку // margin-left: -1px; в // .dws-menu li > ul li ul сделал // right: -153px; вместо 150. Вроде бы мелкие недочеты, но глаза мозолят. Теперь надо в выпадающем списке правую полосу поправить. Она в два раза толще левой. Еще градиент у меня при зуме иногда растаскивает кнопки. Поменял на один цвет. Не нашел как всё это исправить.
Отличный микрофон, монтаж и сам автор молодец. Говорит быстро и внятно, без заиканий . Спасибо вам огромное!
Удивительное качество и подача материала, за готовый код с сайта отдельное спасибо. Видно сколько сил автор вложил в создание видео!
Спасибо!
Я восторге от твоих уроков, не прекращай этим заниматься у тебя ТАЛАНТ!!!
Спасибо за комментарий, рад то уроки помогают.
Отличное видео. Звук и картинка на высшем уровне, а объяснение что, как и куда очень понятно. Спасибо большое, до этого думал, что это сложнее
День второй) Возьмите это и его туда а здесь вот так и этак)) Чёёёёёё. До этого видео я представления не имел о всём что говорит автор) Очень много гуглю, первое меню в моей жизни даётся тяжело. Познания в данной сфере на данный момент -100% ))
Но мы не здаёмся, обязательно всё получиться) Всем удачи,не бросайте на пол пути)
ОЧЕНЬ ТРАВИТСЯ КОНТЕНТ ДАННОГО КАНАЛА! Приятно глазу и очень хорошо разобраны примеры!
Спасибо, прошло уже 4 года, а видео до сих пор актуально. Удачи.
не совсем, сайт с иконами изменился и всё совсем не так как на видео
Огромное вам спасибо! Нашел то чего искал, благодаря вам. Было очень понятно и ясно, а еще очень интересно!
Больше вот таких классных видеоуроков выпускайте !!! Респект вам!!!
Спапсибо за урок Денис! респект тебе. очень много в интеренете материалов, но ты обясняешь отлично! спасибо еще раз!
Спасибо за видео. Объяснение понятное, четкое и лаконичное. Лучшее видео по "менюшке", которое встречал в инете. Спасибо за работу.
Посоны, чем "ul li a" от "ul li > a" отличается? И почему не "ul > li > a"?
отличный ролик, приятная музыка, смотрел в 2х кратном ускорении, дикция норм, инфа полезная, всего пару дней как начал лепить первый сайт, комент ради комента говорят за это бонусы дают блогерам
Мужик люблю тебя только у тебя нашел выход из проблемы, которая ломала меня 2 недели
люблю такие уроки, все по теме, развернуто, без воды. в копилку однозначно пока на запомню все!
Идеально - кратко, понятно и по сути, качество записи на отлично!
Здравствуйте Денис, хочу сказать что у вас очень интересные уроки,
буду ждать (НОВЫХ)
СПАСИБО :-)
Спасибо большое! Делал несколько раз меню для своих любительских проектов - и всегда это было сложно, долго и не пойми как. Хотя и работало по факту, но это была пытка - в результате стал просто бояться писать менюшки. А тут все настолько просто, понятно, быстро и доступно! Обязательно буду теперь пробовать у себя!
Денис поставте лайк чтобы я хвалиться перед друзьями! )))
каналу удачи и много много подписчиков
*Я посмотрел DWS TV многих комментарии лайкает,комментирует.Молодец общается с зрителями.Желаю тебе успехов в дальнейшем!*
Так все быстро сказал, что я даже не успел запомнить)))
Спасибо большое !! Все супер.
Уровень знаний и подача материала впечатляет. Спасибо!
Обалдеть, а че так можно было да? =) пипец, красавчик, давай еще =)
Добрый день! спасибо огромное за ваш урок! Все делал по вашему уроку, все выходит замечательно!
Очень хорошо! Аплодирую стоя!!! Ждем продолжения по адаптации данного меню под адаптивную верстку)
Денис, не обижайся, но это было уже гдето в 2012м... тогда появилось, даже сайт в котором можно было скачать менюшки на CSS ? гармошкой... выпаданием вниз , смещением вбок. ,по своему заказу, заполнив поля онлайн. Сложнее платно, что проще бесплатно.
Но если есть спрос, то освещать тему естественно надо. Молодца. Лайк.
сейчас такое лютое количество подобного контента, но твоя работа явно выделяется от остальных! мега круто
Спасибо добрый человек!За 7 минут видео я понял гораздо больше чем за 330 страниц книги Бена Хеника!На которую убил 4 дня...Я таки прямо в восторге!Буду смотреть дальше твои видео!А то натыкался на часовые видео других людей,толку мало было
Такого рода комментарии очень приятно читать, понимаешь что потраченное время было не напрасно. Спасибо!!!
Видео о том как быстро автор умеет работать с CSS. Молодец!
Спасибо еще раз за твой труд,буду с нетерпением ждать новые,смотреть и лайкать старые уроки.
😔😔😗яяффвыс а о ssdfyijlllkjhgvgfdsaq123e4rt576y7u8ioòppppl
Assssssxxxxxxxc xmcv1waasscc b %
Выражаю огромную благодарность за это видео. Хоть я и новичок, но на это13-ти минутное видео я потратил 2,5 часа и у меня получилось.
Денис спасибо за видео, очень познавательно. Голос приятный, музыка на фоне спокойная - абсолютно не мешает. Лайк за видео и подписка на ваш канал обязательно! Респект.
Всё действительно быстро, и для понимающих людей полезно, мне как новичку немного трудновато так быстро следить за действиями, но думаю розебрусь
Если бы ты сделал парочку макетов сайтов у себя на видеоуроках, разбил бы их на штук так 20 и за эти 20 уроков ты бы например запилил 2, 3 сайта разной сложности. От простого и легкого, к более сложному. Вот это было бы интересно, хотя так наверное каждый бы урок занимал по минут 20, но, лично для меня, это было бы интересно)
Интересное предложение, спасибо. Появится лишнее время возможно реализуем.
@@denisgorelov3236 Ждем)
Подскажите пожалуйста, а какую программу лучше использовать для svg изображений?
Супер. По поводу адаптации +++. Буду ждать с нетерпением.
Я хочу узнать подробнее, о центровке иконки и текста через position: absolute.
Покажите как сделать анимационную новогоднюю рамку на всю страницу и разместить анимационные гиф картинки в углах страницы. а также как отражать картинку по горизонтали и по вертикали ? Спасибо Вам !
Хороший канал. Спасибо за все видео. Спокойно и понятно....
Хауди хо правильно посоветовал...👍
Спасибо, Хауди хо от меня привет ).
Денис, спасибо за замечательные уроки! Нашел Ваш канал по рекомендации от Хауди Хо и не пожалел.
Небольшая поправочка: "Awesome" произносится как "Осом" (ударение на первый слог). )))
Очень понравился background кнопок в конце ролика, надо будет попробовать :)
>>Списки отобразим по горизонтали при помощи display: flax, и делаем его по центру:
Опечатку нашел на сайте, страница этого урока. Автор, ты все равно мегакрут. Сейчас меню делаю. У тебя учусь.
Великолепный урок! Спасибо большое автору!
Спасибо за информацию брат, очень доступно и понятно объяснил. Не думал, что это так просто делается
Спасибо за уроки, смотрю твои видео и просто наслаждаюсь
Отличный урок, спасибо. Вопрос... Как сделать плавное появление выпадающего меню?
Переглядав багато різного відео по даній темі це вражає простотою зрозумілістю і ефективністю!!!
Спасибо, это то что я добиваюсь.
Отличный канал. побольше подписчиков тебе. ибо твой материал достоин внимания :)
Спасибо большое, очень выручила отборка элементов по группам, просто и доходчиво! Пример супер!!!
Что за тег я никак не пойму? Как курсив может вставлять иконки? И что значит запись в css,
в строчке 20: .dws-menu > ul li a? Почеу li и a подряд записываются?
Отличный урок, спасибо большое)
*Ждем вторую часть*
Смотрю в 2024, урок очень помог, спасибо!
Вообще годнота! Спасибо за видео! Наконец-то меню на nav-ах, а то все ролики бородатых годов
Красавчик! Все четко, без воды! Уважаю!
Подскажите пожалуйста, как сделать плавное появление списков при наведении, например на "продукция"?
Одним словом - крутяк! Теперь адаптацию под мобильные буду смотреть. Subscribe+)
Здравствуйте . Сделайте видео как сделать фоновую картинку с кнопками
Супер!!! впервые я понял ВСЕ! От и до. Респект!
Очень крутой урок! Автор молодчага👌
просто идеально, благодарю))) автору респекс.
Супер, спасибо!! Сделайте, пожалуйста, видео про горизонтальную прокрутку элементов с кнопками
Что надо изменить для того, что бы при наведении, допустим, на кнопку "главная", раскрывалась не только эта ветка, а всё дерево?
Всё круто о6ъяснил и показал.
Огромное спаси6о. ^_^
Хочу уточнить, будут ли кнопки адаптивными, если там указана точная ширина?
Всё чётко, ясно и по полочкам, лайк и подписка, продолжай делать гайды)
Автор турбофлеш! я в шоке как ты так быстро все делаешь... для меня это уровень бог...
Перестань, я не хочу растягивать на пол часа и больше то, что можно рассказать за 10 - 15 минут, когда это понимаешь. Я ценю время тех людей, которые меня смотрят, а набор кода и все остальное - это просто готовый результат трудов, которым я посвящаю все свое свободное время.
я месяца 2 активно учу html и css, для меня сейчас это мечта, такая скорость кодинга.
скорость кодинга) ты не заметил что видео приобретает скорость x2-x4 время от времени
Ваще!!! Браток красава!!! ))))) От нас вам с кисточкой!!!
Спасибо за интересный и очень познавательный урок.. С меня лайк и подписка!
С помощью какой программы устанавливается синхронизация между изменением кода и одновременно появлением это на странице
Дуже вдячний за це відео!!! Щей навчився як швидше писати код
Даже не знаю, увидишь ли ты это... Но. Я не совсем давно в галузи CSS и никак не пойму чем отличается запись .dws-menu > ul li от .dws-menu ul li. И вообще, какую функцию выполняет этот символ ">"?
Как всегда туториалы высший пилотаж) спасибо.
Cпасибо за урок.
Отдельный поклон за иконки :3
Спасибо, рад что материал был полезен.
Очень понравился урок. Все очень доступно и четко. Спасибо!
Скажите пожалуйста, как вы сделали второе окошко в котором сразу идет отображение?
Спасибо тебе огромное очень выручил!!! сделал через opacity а не через display:block; получилась плавней)
У данного оформления выпадающего меню можно изменить с легкостью дизайн, также адаптировать под разные устройства экрана не составит труда.
#2 ЧАСТЬ урока тут - ruclips.net/video/tRoszGUp5Sg/видео.html (Адаптация под мобильные устройства)
*DWS TV делай прожолжение!*
С удовольствием бы посмотрел продолжение по адаптации этого меню под разные разрешения экранов и с последующем переходом в мобильное меню - СПАСИБО !!!
Ну, каждому свое, просто js немного капризнее, за то там более проще все реализовать. По загрузке все зависит от содержания файла и его функционала, при помощи консоли в браузере можно сравнить эти варианты, но я думаю особой разницы там не увидишь по крайне мере по данному функционалу. Каждый разработчик выбирает тот вариант в котором лучше всего ориентируется.
А как скачивать иконки?
В данной статье я описываю как это сделать bit.ly/2nHR4lt
Я вам очень благодарен! Снимайте еще ;)
Спасибо! Возможно скоро начну.
Спасибо за урок!! Отлично! Но сейчас не дает скачать Font Awesome архив, к сожалению - нет ли ссылки где-то в облаке? Я начинающий
Денис спасибо за хороший урок. Объяснил все четко и понятно, главное не спеша. Ждем еще такие уроки от вас. Еще хотел видеть от тебя в таком же темпе урок о PHP. Спасибо!
Отличный ролик! Но возник вопрос: выпадающее меню размещается за анимированной картинкой ..... какими средствами исправить, в каком направлении копать?
Подскажите пожалуйста, как здесь реализовано автоматическое обновление страницы браузера чтобы видеть изменения на лету?
Просто круто надеюсь у тебя будем много подписчиков, огромное спасибо !
Меню отличное, спасибо за урок!
Спасибо большое, что выкладываете исходный код...
Класс видео! Очень полезно, и понятно) Так сказать "Без лишних слов")))
Спасибо!!!
Не проще ли было икноку и текст внутри li центровать флексом?
Канал растет на "глазах"!
а почему не срабатывает задержка при появлении - исчезновении выпадающих списков, так и не получилось transition установить на эти действия
Здравствуйте. А скажите пожалуйста как сделать так чтобы как у Вас с левой стороны сразу отображался браузер?
Спасибо за урок.
Реально Awesome!!!
Лайк и подписка. Автор молодец, очень подробное и доходчивое объяснение для начинающих.
Крутецкое меню! Еще бы крутые анимации на кнопки.
супер. Скажи, пожалуйста, как применить transition для других элементов. Например, есть 2 дива, при наведении на один, цвет другого должен плавно изменяться. В моем случае свойство transition не работает, иначе говоря, цвет меняется резко.
А если добавить к стилям вот такое
.dws-menu>ul>li:hover {
background: #454547;
}
.dws-menu>ul>li:hover>a {
color: #fff;
}
то при перемещении курсора с родительского пункта первого уровня темная заливка не будет исчезать.
а изначально без списка как такое реализовать ? не лучше ли?
автор так понятно рассказал, что я прям хочу ему задонатить.
Респект 👍
Очень хорошо и толково. Благодарю!
Почему у меня подменю 3-го уровня убегает то вверх то в сторону?
что за мелодия на фоне? напоминает Love Me Like You Do
Спасибо за годный урок теперь я умею делать меню!