Выпадающее меню Joomla 1.5

Joomla, Сайты     Joomla, сайт

Недавно я столкнулся с одной трудностью в работе с CMS Joomla. Мне очень понадобилось выпадающее меню сверху, но оказалось, что стандартный блок такой функции не имеет. Потратив некоторое время на просмотр многочисленных статей о том, как сделать выпадающее меню с помощью технологии флеш, я смог таки найти нужное мне дополнение — модуль Superfish Menu. Радостный, я установил его, но оказалось, что работа ещё далека от завершения. Пришло время правильно всё настроить.

Скачав архив модуля с этого сайта я установил его прямо из панели админа — модуль вполне подходит как новым, так и старым версиям CMS Joomla. Самое же главное его положительное качество — использование стандартного меню. Во-первых, вам не придётся заново создавать пункты меню — модуль просто возьмёт уже готовые, а во-вторых, этот факт положительно скажется как на индексации страниц, так и на отношении поисковых систем к сайту.

Настраиваем выпадающее меню

После установки, создаём новый модуль и подключаем к нему заблаговременно созданное меню. Обратите внимание, что меню в блоке не создаётся, и прежде чем начинать работу с Superfish Menu, продумайте и создайте все пункты вашего будущего меню. Теперь непосредственно к настройкам:

1. Menu Name. Выбор нужного нам меню. Находим в списке нужное меню и добавляем;
2. Menu Style. Выбор расположения пунктов меню — горизонтального или вертикального;
3. Animation. Здесь настраиваем сам процесс «выпадания» подпунктов меню. Настроек много, они удовлетворят самого притязательного разработчика:
   • Slide Down — «выпадение» сверху вниз;
   • Slide Right — справа налево;
   • Slide Down and Right — из верхнего левого угла вниз и вправо;
   • Fade in — появление сверху вниз;
   • Fade in, Slide Down — появление вместе с «выпадением» вниз;
   • Fade in, Slide Right — появление и «выпадание» вправо;
   • Fade in, Slide Down and Right — появление и «выпадание» из левого верхнего угла;
   • Custom — мгновенное появление, без каких либо эффектов.
4. Animation Speed — скорость анимации («выпадания»). slow, def и fast;
5. mouseOut Delay — задержка в миллисекундах при «выпадании» после наведении мыши;
6. Hover Class, Path Class, Path Levels — данные пункты относятся к настройке стилей, предлагаю их не править, оставить как есть;
7. Auto Arrows — управление стрелочкой, которая указывает на наличие выпадающего подменю. Советую отключить её;
8. Drop Shadows — отображение тени. Для этого есть специальная картинка, которая и отображается в качестве тени;
9. Add clearing DIV — функция очистки блоков от неиспользуемых пунктов меню.

В принципе, после этого вполне можно пользоваться блоком. Основное мы уже настроили. Однако наверняка вам не подойдут стандартные цвета элементов. Править их нужно прямо в файлах шаблона модуля. Идём в папку modules в корне сайта и ищем нужный модуль. Далее — просто, находим файл, относящийся к CSS и исправляем цвета. Фон советую делать прозрачным, а для выпадающей части — отличающийся от общего на два — три тона.

Для более привередливых, блок имеет дополнительные настройки. Я советую особенно не вдаваться во все премудрости (если кому-то очень интересно, могу отдельно рассказать), но обратить внимание на следующие пункты:

Как видите, есть несколько вариантов управления размером выпадающего поля. Я предпочитаю настраивать напрямую, с помощью третьего варианта. Тут вы можете указать размер в пикселях, что очень удобно. Не забудьте, что при настройке следует сперва активировать тот вариант, над которым работаете, иначе результат не отобразится.

Нужно ли выпадающее меню вообще?

На этот вопрос можете ответить только вы сами. Я советую, не пренебрегать таким полезным и удобным элементом, как выпадающее меню. Во-первых, оно способствует лучшей перелинковке материалов, во-вторых, работает на посетителей, упрощая им «жизнь» на сайте. Ну и наконец, оно позволяет скрыть не самые нужные страницы, которые заняли бы слишком много места в меню обычном.

Мало того, выпадающее подменю всё чаще можно встретить на крупных порталах сети. Это создало новую привычку — направляя мышку на пункт меню, мы ждём, что сейчас выскочат ещё пункты. Так давайте не будем разочаровывать посетителей — дайте им то, к чему они привыкли! Это поможет сделать сайт более привлекательным, а значит — успешным!

На десерт — видео (не удивлены?). Но видео у меня будет не простое. Теперь я, как ярый болельщик, решил в каждый свой пост добавлять ролик с каким-нибудь знаменитым или просто красивым голом. Оле-оле, словом…

Сегодня сразу 3! гола. Знаменитый финал Лиги Чемпионов 99 МЮ — Бавария 2-1. Оле Гуннар Сульшер бил как бог!

Удачи, пока.