Вертикальное меню для сайта - Создание сайтов - Web-мастеру - publ - KOVNIK.COM

KOVNIK.COM
  портал для тебя и твоего компьютера!
Фоновая музыка(выбрать)
НАВИГАЦИЯ
  Главная
  Все файлы
  Статьи
  Видео
  Новости портала
Статистика

Сегодня сайт посетили:
Популярное Видео
Рекомендуем Курс сверхбыстрого изучения английского языка
Английский язык

Google Chrome

Google Chrome – бесплатный веб-браузер!


Скачать браузер последней версии

Google Chrome загружает веб-страницы и приложения с молниеносной скоростью.

Главная » Статьи » Web-мастеру » Создание сайтов

Вертикальное меню для сайта

Красивое вертикальное многоуровневое меню


В сети можно найти много разных вариантов вертикального меню, чтобы применить для своего сайта.
Для всех пользователей предлагаю еще один вариант такого меню, установленного на моем портале KOVNIK.COM.

Создать это красивое меню очень просто. Скачиваем архив с файлами здесь. В состав архива .RAR входят файлы стилей - CSS и скрипт - JS, папка с картинками. Закидываем их в корень вашего сайта.

В шаблоне вашего сайта, между тегами <head> </head>, прописываем ссылки стилей и скрипта:

<link type="text/css" rel="StyleSheet" href="URL файла - (vertmenu.css)">
<script type="text/javascript" src="URL файла - (vmenu.js)"></script>

Далее между тегами <body> </body> вставляем, скопированный ниже, HTML-код меню:

В этом коде вставьте ссылки на свои страницы и измените названия пунктов меню, их количество.
Картинки для пунктов меню с любым расширением: ico, jpg, png и др., вы можете закачать свои, размером по высоте - 24px.

Задержка закрытия индикации уровней меню по умолчанию, составляет - 1500мксек (1.5 сек).
Этот показатель можно изменить в любых пределах.
Для этого открываем файл vmenu.js в любом текстовом редакторе. Находим этот параметр и корректируем задержку.

Все скриншоты меню:


Посмотреть демонстрацию работы меню вы можете прямо на портале, а также в распакованном архиве запустите файл index.html в любом браузере.
Здесь работа меню будет автономной, как Demo-страничка.


Автор: Николай Коваль

Статья опубликована: 24 февраля 2014 г. Обновлена 29 февраля 2016 г.
Все замечания и предложения по самой статье вы можете высказать в комментариях или через Контакты
Публикация данного материала на других ресурсах разрешаются исключительно со ссылкой на данную статью и с указанием автора.


Оказалось полезным?.. Покажите друзьям:






Категория: Создание сайтов | Добавил: admin (24.02.2014)
Просмотров: 1109 | Теги: меню | Рейтинг: 3.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Вы вошли как:  Гость
Курс валют ЦБ РФ и НБУ
Курсы Валют ЦБ РФ21.08.2016
USDКурс Доллара00.00000.000
EURКурс Евро00.00000.000
UAHКурс гривны00.00000.000

Уважаемый Гость!
Для того, чтобы посмотреть на нашем портале эту, или другую страницу, вам мешает назойливый скользящий рекламный баннер UCOZ.
Эту рекламную "занавеску" автоматически вешает без ведома Администратора портала - БЕСПЛАТНЫЙ ХОСТИНГ UCOZ.
Если хотите ее убрать, то нажмите на маленькую картинку CLOSE в левом верхнем углу баннера (см. выше рис.), или еще лучше зарегистрироваться, как Прльзователь.
После авторизации на сайте - баннер исчезнет.
Спасибо за понимание...

P.S. Для браузера Google Chrome вы можете установить расширение Adblock Plus, которое фильтрует рекламу.

Наш сайт адаптирован под браузер Mozilla Firefox.

Рекомендуем и вам этот браузер установить на своём компьютере.

Mozilla Firefox

Загрузить браузер Mozilla Firefox