Скачать красивое плавное меню для Joomla

menuМногие задаются вопросом как сделать простое красивое меню как для Джумлы, так и для любого другого движка. Сегодня мы разрешим этот вопрос. Представляю вашему вниманию, самое простое меню с оптимальным соотношением громозкость кода/красота. Меню получается плавным, благодаря подключённому специальному java коду. Итак, всё по порядку.

Горизонтальное меню для Joomla:

1. Подключите к своей страницы этот файл CSS. Именно в этом файле содержатся все настройки меню. Поместите перед закрытием тега <head>эту строку: 

<link rel="stylesheet" href="Путь к файлу CSS" type="text/css" />

2. Если к странице ещё не подключена библиотека Jquery, тогда скачайте её по ссылке http://youon.ru/files/menu/jquery-1.js и подключите к вашему сайту, между тегами <head>. Должно получиться как-то так:

<script type="text/javascript" src="Путь к файлу"></script>

3. Теперь нам нужно добавить плавности в наше меню. Скачайте и подключите перед закрывающим тегом </body> файл:

http://youon.ru/files/menu/function.js

В итоге у вас должно получиться так:

<script type="text/javascript" src="Путь к файлу"></script>

2. Создайте нужное вам меню в соответствующем разделе Joomla. Влаживайте пункты в родительские, именно они будут плавно появляться при наведении на родительский пункт.

3. Когда вы будете вставлять меню в страницу посредством модуля "меню", укажите в настройках модуля:

Показывать подпункты меню - Да

Суффикс класса меню -  j (Джей)

Внимание!!!дефолтная настройка файла CSS для родительских пунктов меню 40 пикселей в высоту и 105 в длинну для каждого, обеспечьте данное пространство для меню, для того чтобы всё работало исправно.
На этом инструкция по вставке горизонтального java меню в страницу закончено.

Стоит отметить весьма важное. Обязательно самый верхний тег ul нашего меню должен иметь класс menuj, иначе плавности не будет.

Если вы всё правильно сделали у вас должно получиться меню как на этом сайте. Если у вас возникли любого рода вопросы относительно этого меню, пишите в комментариях.


Добавить комментарий


Защитный код
Обновить

Карта сайта