Красивое меню на CSS без JavaScript

Поделиться
HTML-код
  • Опубликовано: 29 окт 2024

Комментарии • 38

  • @АндрейКругликов-у1н

    чириканье птички на заднем плане так лето напоминает ^^

  • @olatera
    @olatera 6 лет назад

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

  • @Arzy_
    @Arzy_ 9 лет назад +6

    стильно, модно, молодёжно

    • @Nodorgrom
      @Nodorgrom 8 лет назад

      +Максим Медведев сарказм зачтен (:

  • @skvoznjakkvn74
    @skvoznjakkvn74 9 лет назад

    отличные уроки,всё по шагово рассказывается есть возможность поэксперементировать самому но жаль не все вместе уроки нужно вылавливать.Спасибо!!!!

  • @user12_831
    @user12_831 11 лет назад

    полезный урок. спасибо

  • @DeMarcoUa
    @DeMarcoUa 11 лет назад

    Понятно, жаль что нет видео в виде статьи конечно, но хорошо что есть исходники =) Спасибо.

  • @nikemoscow8881
    @nikemoscow8881 4 года назад

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

  • @begzodbek5648
    @begzodbek5648 9 лет назад

    Спасибо за помощь

  • @DeMarcoUa
    @DeMarcoUa 11 лет назад

    Ещё хотел бы поинтересоваться, в вашем видео "Урок 8. Создание темы WordPress. Часть 2" , есть картинка в начале, полный текст статьи, на сайте не могу найти её, она существует, или уже нет?

  • @MrForgot1000
    @MrForgot1000 8 лет назад

    Молодец!

  • @ramazanmutayev397
    @ramazanmutayev397 9 лет назад

    interesno

  • @matroskin978
    @matroskin978 11 лет назад

    Ок, учтем.

  • @matroskin978
    @matroskin978 11 лет назад

    Насколько я помню, то в курсе не было картинки "полный текст статьи"... был текст ссылкой - "читать далее".
    К сожалению, все же не получится запостить сюда корректно ссылку, поэтому курс можно найти на сайте в разделе Обучение - Мини-курсы, на открывшейся странице этот курс будет последним.

  • @ПавелБелошицкий-о3й

    Андрей а как сделать что-бы роз-анимировалось обратно,тоесть первоначально меню синего цвета,я навел поменялся цвет фона на красный (к примеру),а как сделать что-бы первоначальный цвет синий возвращался обратно,за какой-то промежуток времени,тоесть с начала меню синего цвета,навел стало красного,и после само вернулось на синий,даже когда курсор торчит на менюхе???????????

  • @stanislav2603
    @stanislav2603 11 лет назад

    Всё конечно очень здорово, CSS 3 полезная вещь, но правильно я понимаю то, что при использовании свойства( свойство же это? я неуч) transition мы будем сталкиваться с тем, что IE < 9 не воспримет это никак, что совсем не годится заказчику сайта?

  • @КалининМихаил-о7т
    @КалининМихаил-о7т 7 лет назад

    Стоило добавить в ul - overflow:auto;
    Так как при floal:left; для элементов списка, вы не сможете установить для ul фон, вернее он не будет виден

  • @Ahhdhsjsjjdd
    @Ahhdhsjsjjdd 8 лет назад

    спасибо супер

  • @matroskin978
    @matroskin978 11 лет назад

    Ну так старые версии браузеров вообще плохо дружат с CSS3 вообще и с одним из его свойств - transition (да, это свойство)... только это не повод отказываться от преимуществ прогресса в угоду устаревшим инструментам... пользователи старых версий браузеров попросту будут лишены красивых эффектов, при этом само меню будет работать.

  • @PensionerTM
    @PensionerTM 11 лет назад +3

    А каким плагином обрабатывается строчка?
    ul.menu>li*5>a[href="#"]{item}

  • @ИльяНепомнящий-х1й

    Добрый день! Подскажите пожалуйста для начинающих. Каким редактором вы пользуетесь? Где его можно скачать?

    • @NLordNiko
      @NLordNiko 10 лет назад +1

      В видео редактор Notepad++... Как альтернативу, даже лучшую, можно использовать Sublime Text 2/3... А еще Brackets, PsPad, Text Mate... Советую иметь под рукой Notepad++ и Sublime Text 2/3, вместе с плагином Emmet.

    • @zuskin01
      @zuskin01 10 лет назад

      Vahag Bejanyan
      Здравствуйте! Можете написать как скачать brackets? я не могу скачать! Тоесть я скачал но скачвается непонятные форматы dmg dmi и т.п!

    • @NLordNiko
      @NLordNiko 10 лет назад +1

      Вот ссылка на скачивание, для Windows
      github.com/adobe/brackets/releases/download/release-0.43/Brackets.Release.0.43.msi

  • @АлексейТолинин
    @АлексейТолинин 9 лет назад +1

    Как выровнять то это меню по середине ??

  • @DeMarcoUa
    @DeMarcoUa 11 лет назад

    Картинка с надписью "полный текст статьи", кстати говоря выше указанная ссылка с точкой, тоже не открывается, пишет не найдено, сообщение вашего сайта.

  • @matroskin978
    @matroskin978 11 лет назад

    Попробуйте задать вопрос на нашем форуме.

  • @НикитаЗаречный-е2т

    Это сильно...

  • @matroskin978
    @matroskin978 11 лет назад

    Не совсем понял о какой картинке идет речь, конкретизируйте, если можно... но, думаю, она есть в исходниках к уроку, а сам урок можно найти здесь - webformyself(точка)com/kak-narisovat-obaldennyj-dizajn-sajta-s-nulya-sverstat-ego-i-ustanovit-na-wordpress/

  • @matroskin978
    @matroskin978 11 лет назад

    Пожалуйста ;)

  • @Maks45217
    @Maks45217 6 лет назад

    в чем может быть ошибка?

  • @Maks45217
    @Maks45217 6 лет назад

    .menu a: hover
    {
    /*НЕ ПОЛУЧИЛОСЬ ИЗМЕНИТЬ ФОН ПРИ НАВЕДЕНИИ*/
    background:#399;

    • @Maks45217
      @Maks45217 6 лет назад

      .nav li.active, .nav li.active:hover, li:hover, a:hover {
      background-color: rgb(217,149,148) !important;
      }
      вот так решил

  • @matroskin978
    @matroskin978 11 лет назад

    Не совсем... показать-рассказать и сделать - это немного разные вещи... сделать можно за несколько минут, а вот рассказать и показать - тут уже нужно времени побольше... хотя и тут можно было обойтись минимумом времени, но тогда могли бы возмущаться люди, которые только начинают изучать верстку... в общем, для каждого урока есть свой уровень... этот урок ниже Вашего уровня, поэтому его можно было Вам и не смотреть - я думал это понятная вещь, не требующая разъяснений.

  • @TheSouthHero
    @TheSouthHero 11 лет назад +3

    30 минут делать такую примитивную менюшку... однако...

    • @web-impuls
      @web-impuls 6 лет назад

      Программист он классный, верстак видимо не очень, transition добавлял при hover(надо добавлять элементу в обычном состоянии), это вообще ошибки новичка