Скачать красивое плавное меню для Joomla
- Подробности
- Категория: Joomla
- Опубликовано 10.08.2012 13:06
Многие задаются вопросом как сделать простое красивое меню как для Джумлы, так и для любого другого движка. Сегодня мы разрешим этот вопрос. Представляю вашему вниманию, самое простое меню с оптимальным соотношением громозкость кода/красота. Меню получается плавным, благодаря подключённому специальному 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, иначе плавности не будет.
Если вы всё правильно сделали у вас должно получиться меню как на этом сайте. Если у вас возникли любого рода вопросы относительно этого меню, пишите в комментариях.