Выпадающий список в верхнем меню шаблона rhuk_milkyway для Joomla! 1.5

14.03.2010

Не знаю как у вас, господа джумловеды, но у нас, если добавить подпункты в верхнее меню и выводить всё это через стандартный шаблон rhuk_milkyway, то получается вот такая фигня:
rhuk bad menu
При этом любой здравомыслящий человек понимает, что подпункты меню должны выглядеть вот так:
rhuk drop down menu
Ну и дальше вопрос: как такое сделать? А очень даже просто:

Идем в менеджер шаблонов
Заходим в свойства rhuk_milkyway
Нажимаем "Редактировать CSS" и выбираем файл "template.css".
Спускаемся в самый низ и вставляем следующий код:

#pillmenu ul li.parent ul {
display:none;
position:absolute;
margin-top:24px;
float: left;
width:66px;
}
 
#pillmenu ul li.parent:hover ul {
display:block;
}
 
#pillmenu ul li.parent ul li a {
background: #000 url(../images/mw_menu_normal_bg.png) repeat-x;
width:66px;
border: 1px solid #ccc;
}

Готово)

А теперь пояснения по строчкам:

2 скрывает подпункты.
3-6 позиционируем и двигаем саму подменюшку вниз (24px - высота основного меню, 66px - ширина пункта-родителя и -2px за счет гранц)
9-11 показывают меню при наведении мыши.
14,16 - ставим фон да границу, чисто для декора.
15 - ставим ширину, равную ширине пункта-родителя и -2px за счет гранц.

Проверял в Mozilla Firefox 3.5 и Opera 9.64 - все работало норм. В 7 и 8 осле придется немного подвигать сам список, а в шестом не пашет. Ну и хуй с ним.

< <		> >