Як зробити меню, що випадає для свого сайту

Як зробити меню, що випадає для свого сайту

Якщо вам потрібно меню, що випадає для сайту, а ви не розбираєтеся в кодах html - ця інструкція для вас

Інструкція

Рівень складності: Легко

1 крок

Заходимо на сайт https://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 код подивитися)
  • Коментуємо, доповнюємо, запитуємо, оцінюємо ... Буду дуже вдячний






» » Як зробити меню, що випадає для свого сайту