Как сделать выпадающее меню для своего сайта
Если вам нужно выпадающее меню для сайта, а вы не разбираетесь в кодах html – эта инструкция для вас
Инструкция
1 шаг
Заходим на сайт http://purecssmenu.com/
2 шаг
Нажимаем “Please register to save results.
It’s easy and free!”, регистрируемся
3 шаг
После регистрации проверьте свой почтовый ящик, туда придёт ваш пароль. Входим, введя мэйл и пароль, далее нажимаем “Pure CSS Menu”. Там будет показательное меню, чтобы убрать его, нажимаем на иконку с корзиной. Приступаем к созданию меню.
4 шаг
Нажимаем “Templates” и выбираем шаблон, кликнув на него. Далее нажимаем “Parameters” и выбираем шрифт, размер шрифта, и стиль (жирный, курсив, подчёркнутый). И далее “Items”
5 шаг
Нажимаем на +, добавляем пункт меню. В строке: Text? – пишем название, Link? – ссылка на страницу, Tip? – то, что будет отображаться, наведя на пункт.
Нажав на “Add Subitem” – добавляем подменю. Так де пишем название, ссылку, и что будет показывать, при наведении на него.
6 шаг
Оранжевым цветом отмечено то, что я удалил
Добавляем ещё сколько надо пунктов, нажимаем на “Download” и скачивание уже началось.
После этого не знаю как правильно вставлять это меню на сайт, но я сделал так:
Закачал картинки (3 штуки, скачиваются вместе с кодом) к себе на сайт, затем открыл файл с меню, нажал правую кнопку мыши – “просмотр кода элемента”. Скопировал код (“правая кнопка” – “Copy ass html”), и убрав в САМОМ конце теги, оставив 3 штуки (как на картинке), вставил в готовый виджет
Советы и предупреждения:
- Я пользуюсь конструктором Таба.ру
- Браузер у меня хром (на мозила и опере не знаю как html код посмотреть)
- Комментируем, дополняем, спрашиваем, оцениваем... Буду очень признателен
Запросить инструкцию
Не нашли нужную пошаговую инструкцию?
Возможно, что кто-то из посетителей сайта сможет помочь. Оставьте запрос прямо сейчас, если Вы уверены, что эта тема ещё не освещена на нашем проекте!
Обсуждение
Спасибо за совет, плюс инструкции
Пригодится) естественно +
Ваш комментарий