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

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

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

50% 1

В этом видео вы узнаете, как сделать выпадающее меню с переходом на другие страницы используя 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
😀Спасибо за просмотр!😀

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

1 фев 2023

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@jastnikc1034 Год назад

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

@codingwithtopchiy Год назад

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Записал видео на эту тему, в 19:00 выйдет. Как подключить несколько CSS файлов к HTML || How to connect multiple CSS files in HTML ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-BK4JBHalKM8.html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@2accauntsaint601 Месяц назад

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

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

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

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

Как добавить иконки Font Awesome на сайт с помощью CDN ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-JsIVOqMF4z0.html

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

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

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

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

@tude2478 Год назад

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

@codingwithtopchiy Год назад

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

@codingwithtopchiy Год назад

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