Выпадающее меню с переходом на другие страницы используя HTML&CSS || DropDown Menu Multi pages CSS

Поделиться
HTML-код
  • Опубликовано: 1 фев 2023
  • В этом видео вы узнаете, как сделать выпадающее меню с переходом на другие страницы используя HTML&CSS шаг за шагом.
    🔗 Background: bgjar.com/
    ✅ Адаптивный шрифт с помощью функции calc() CSS: • Адаптивный шрифт с пом...
    ✅ Адаптивный шрифт с помощью функции clamp() CSS: • Адаптивный шрифт с пом...
    ✅ CSS Переменные: • Переменные в CSS || CS...
    ✅ Как ускорить написание кода с помощью Emmet в Visual Studio Code: • Как ускорить написание...
    ✅ Расширение Live Server и автоматическое обновление страницы: • Расширение Live Server...
    👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/CodingWithTopchiy
    💵 Поддержать канал (support channel): send.monobank.ua/jar/3Aze2gcvVa
    💵 Поддержать канал (support channel): / codingwithtopchiy
    👍 Subscribe: / @codingwithtopchiy
    😀Спасибо за просмотр!😀

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

  • @jastnikc1034
    @jastnikc1034 Год назад

    Очень крутое видео! Можно пожалуйста оставлять ссылочку на код из видео что бы можно было в нём потыкаться)

    • @codingwithtopchiy
      @codingwithtopchiy  Год назад

      Приветствую!
      Спасибо за обратную связь)
      К сожалению на данное видео исходный код не сохранил.

  • @user-ce9eg9vp5f
    @user-ce9eg9vp5f 11 месяцев назад

    Уважаемый автор канала!
    Во-первых, хотел бы поблагодарить за учебные материалы. Во-вторых, у меня появился вопрос следующего характера: имеется лого буквенное, хотелось бы к нему присоединить изображение. Каким образом это можно выполнить? Будьте любезны, подскажите пожалуйста.

    • @codingwithtopchiy
      @codingwithtopchiy  11 месяцев назад +1

      Приветствую!
      Пожалуйста)
      Вы можете лого разместить внутри тега , а внутри него добавить тег с изображением. Тогда изображение будет как ссылка.

  • @Android-im4ro
    @Android-im4ro 6 месяцев назад

    Здравствуйте, почему то, когда начал писать второй css файл. Вставились только первые 2 фразы, а дальше не идет... Подскажите пожалуйста

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

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

    • @Android-im4ro
      @Android-im4ro 6 месяцев назад

      ​@@codingwithtopchiy, точнее как мне подключить второй css к основному html, никак не могу найти!

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

      Также как и первый, добавляете тег link с другим названием файла в head.

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

      Записал видео на эту тему, в 19:00 выйдет.
      Как подключить несколько CSS файлов к HTML || How to connect multiple CSS files in HTML
      ruclips.net/video/BK4JBHalKM8/видео.html

  • @a1ish02
    @a1ish02 7 месяцев назад

    Здравствуйте,у меня такая проблема,то что у меня по первая html открылась а вторая css не открывается хотя я скопировал и просто вставил,почему так?

    • @codingwithtopchiy
      @codingwithtopchiy  7 месяцев назад

      Приветствую!
      Не совсем понял в чем проблема.
      Нужно проверять код.

    • @a1ish02
      @a1ish02 7 месяцев назад

      @@codingwithtopchiy можете дать свой инстаграмм или что нибудь из контактов что бы я мог вам написать фото скинуть кодом потому что не понимаю в чем проблема у меня

    • @codingwithtopchiy
      @codingwithtopchiy  7 месяцев назад

      Напишите на почту codingwithtopchiy@gmail.com

    • @a1ish02
      @a1ish02 7 месяцев назад

      @@codingwithtopchiy написал и видео скинул

  • @user-jx4zj6ds7h
    @user-jx4zj6ds7h 8 месяцев назад

    А можно перетащить разные видео с ютуба ?

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

      Приветствую!
      Да, вы можете добавить ссылку сделать ее блочным элементом (display: block или inline-block), стилизовать его и в атрибут href добавить ссылку на видео с RUclips, как вариант можно так сделать.

    • @user-jx4zj6ds7h
      @user-jx4zj6ds7h 8 месяцев назад

      я только начал изучать такие интересные возможности html, css and js А вы отличный учитель. У нас в школе нас ни чему не учат.

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

      Не бросайте изучение, со временем все будет получатся проще 👍

  • @2accauntsaint601
    @2accauntsaint601 2 месяца назад

    Не получается зарегаться в fontawesome

    • @codingwithtopchiy
      @codingwithtopchiy  2 месяца назад

      Приветствую!
      На днях запишу видео, как можно добавить font awesome без регистрации.

    • @codingwithtopchiy
      @codingwithtopchiy  Месяц назад

      Как добавить иконки Font Awesome на сайт с помощью CDN ruclips.net/video/JsIVOqMF4z0/видео.html

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

    я не понял сколько ставить на 12:34

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

      Приветствую!
      Нужно указать border: 1px solid rgba(0,0,0,.1); или запись может быть такая для rgba: rgba(0,0,0,0.1);

  • @tude2478
    @tude2478 Год назад

    А что если стрелочки не добавились

    • @codingwithtopchiy
      @codingwithtopchiy  Год назад +1

      Приветствую!
      Если стрелочки брали на сайте font awesome нужно выбрать версию 5.15.4, на версии 6.3.0 бывает не отображается.
      Также можете использовать сущность ▽

    • @codingwithtopchiy
      @codingwithtopchiy  Год назад +1

      Или еще попробуйте для тега body добавить свойство font-family: fontAwesome тогда должно отобразится.