• Авторизация


Как сделать выпадающее меню для своего сайта 08-02-2017 13:59 к комментариям - к полной версии - понравилось!

Это цитата сообщения АстраТАЕ Оригинальное сообщение

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

Дневник АстраТАЕ

[показать]

[600x337]

Если вам нужно выпадающее меню для сайта, а вы не разбираетесь в кодах html – эта инструкция для вас

Инструкция

1
Заходим на сайт http://purecssmenu.com/

Нажимаем “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
Оранжевым цветом отмечено то, что я удалил

[600x337]

Добавляем ещё сколько надо пунктов, нажимаем на “Download” и скачивание уже началось.
После этого не знаю как правильно вставлять это меню на сайт, но я сделал так:
Закачал картинки (3 штуки, скачиваются вместе с кодом) к себе на сайт, затем открыл файл с меню, нажал правую кнопку мыши – “просмотр кода элемента”. Скопировал код (“правая кнопка” – “Copy ass html”), и убрав в САМОМ конце теги, оставив 3 штуки (как на картинке), вставил в готовый виджет

Источник: http://akak.ru/

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как сделать выпадающее меню для своего сайта | злата-7 - Дневник злата-7 | Лента друзей злата-7 / Полная версия Добавить в друзья Страницы: раньше»