И сново проблемка с меню =)
настройка горизонтального меню.
<script type="text/javascript"> $(document).ready(function(){ $('#topmenu .menu li').hover( function() { $(this).find('ul:first').show(); $(this).find('a:first').addClass("hover"); }, function() { $(this).find('ul:first').hide(); $(this).find('a:first').removeClass("hover"); } ); }); </script>
в конце шаблона, перед есть
если нет, добавь.
$(document).ready(function(){ $('#topmenu .menu li').hover( function() { $(this).find('ul:first').show(); $(this).find('a:first').addClass("hover"); }, function() { $(this).find('ul:first').hide(); $(this).find('a:first').removeClass("hover"); } ); });
Спасибо, всё заработало!
Активный блок в выпадающем меню (2) наследует фон от активного блока меню (1), как изменить style.css, что бы у блока из выпадающего списка на который мы навели мышкой был свой фон и когда он selected, тоже.
Наследует от
#topmenu .menu li a:hover, #topmenu .menu li a.hover{ background:url(../img/menubg-hover.png) repeat-x center top #375E93; color:#000 !important; text-shadow:0 1px 0px #FFF !important; }
#topmenu .menu li ul li a:hover, #topmenu .menu li ul li a.hover{ background:#ccc;/*здесь свой цвет или картинку*/ color:#000 !important; text-shadow:0 1px 0px #FFF !important; height:40px; }
спасбо