Как сделать выпадающее меню для своего сайта

Как сделать выпадающее меню для своего сайта

Если вам нужно выпадающее меню для сайта, а вы не разбираетесь в кодах 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 код посмотреть)
  • Комментируем, дополняем, спрашиваем, оцениваем... Буду очень признателен

Обсуждение

451_micro
Рейтинг
  1. +
  2. 0
ДИРОЛ (22:12 30.06.2011)

Спасибо за совет, плюс инструкции

145_micro
Рейтинг
  1. +
  2. 0
c00ler (20:55 02.07.2011)

Пригодится) естественно +

Ваш комментарий

Запросить инструкцию

Не нашли нужную пошаговую инструкцию?
Возможно, что кто-то из посетителей сайта сможет помочь. Оставьте запрос прямо сейчас, если Вы уверены, что эта тема ещё не освещена на нашем проекте!

Рейтинг
  1. +
  2. 3
2
1226