выпадающие ссылки html

Теперь необходимо все в том же файлике html найти само меню, которое Вам потом и надо будет редактировать:

Так же Вам нужно скопировать папку images (если она есть) в директорию, где хранится Ваш css-файл.

Этот код вставьте в файлик, где содержатся Ваши стиле (этот файл имеет расширение css). Обычно он называется style.css или main.css.

<!-- End PureCSSMenu.com STYLE -->

здесь код, который нужно скопировать

<!-- Start PureCSSMenu.com STYLE -->

Скопируйте содержимое, которое содержится между тэгами style:

Для этого отройте html-код файла purecssmenu.html:

В скаченном архиве будет файл purecssmenu.html, в котором будет содержаться Ваше меню. Скорее всего, в этой же папке будет ещё и папка images, которая содержит фон и рисунок стрелочки. Теперь возникает вопрос, как вставить созданное меню на Ваш сайт?

После того, как Вы получите нужное сочетания цветов, нажимайте на кнопку "Download".

Выпадающие меню уже готово. Вы можете нажать справа внизу на кнопку "Download" и загрузить меню. Однако, есть ещё одна возможность у этого сайта: можно настроить цвета меню и настроить шрифт. Для этого нажмите на вкладку "Parameters":

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

В правом меню нажмите на "Templates" и выбирите подходящий для Вас шаблон выпадающего меню:

Регистрация очень простая: достаточно ввести своё имя и e-mail. Далее на Ваш указанный почтовый ящик придет письмо с паролем для доступа в аккаунт. Теперь можете войти под своим логином.

Для начала Вы должны зарегистрироваться на этом сайте, чтобы потом была возможность скачать созданное меню:

Сайт этот называется: .

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

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

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

Как сделать выпадающие меню на html используя CSS