-
Авто / Мото
-
Безопасность
-
Бизнес
-
Деньги
-
Дети
-
Дом
-
Еда и Напитки
-
Животные
-
Закон
-
Здоровье и Коронавирус
-
Интернет
-
Карьера и Работа
-
Компьютеры
-
Культура и Искусство
-
Мода и Красота
-
Обучение
-
Отдых
-
Отношения
-
Праздники
-
Путешествия
-
Развлечения
-
Сад и огород
-
Семья
-
Спорт и Фитнес
-
Техника
-
Фото и Видео
-
Хобби
-
Другое
-
aKak.ru
Как сделать выпадающее меню для своего сайта
Если вам нужно выпадающее меню для сайта, а вы не разбираетесь в кодах 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 код посмотреть)
- Комментируем, дополняем, спрашиваем, оцениваем... Буду очень признателен
Запросить инструкцию
Не нашли нужную пошаговую инструкцию?
Возможно, что кто-то из посетителей сайта сможет помочь. Оставьте запрос прямо сейчас, если Вы уверены, что эта тема ещё не освещена на нашем проекте!
Обсуждение
Спасибо за совет, плюс инструкции
Пригодится) естественно +
Ваш комментарий