И сново проблемка с меню =)

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

настройка горизонтального меню.

#1 20 января 2012 в 11:30
Настроил горизонтальное меню на сайте, всё выводится замечательно, но с небольшим ньюансом — меню перестало быть выпадающим! С чем такое может быть связано? К примеру, наводишь мышкой на статьи и должен выпадать список ( как в дефаулте), а он не выпадает =(
#2 20 января 2012 в 12:14
в конце шаблона, перед </body> есть

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $('#topmenu .menu li').hover(
  4. function() {
  5. $(this).find('ul:first').show();
  6. $(this).find('a:first').addClass("hover");
  7. },
  8. function() {
  9. $(this).find('ul:first').hide();
  10. $(this).find('a:first').removeClass("hover");
  11. }
  12. );
  13. });
  14. </script>
если нет, добавь.
#3 20 января 2012 в 16:05


в конце шаблона, перед есть

  1.  
  2. $(document).ready(function(){
  3. $('#topmenu .menu li').hover(
  4. function() {
  5. $(this).find('ul:first').show();
  6. $(this).find('a:first').addClass("hover");
  7. },
  8. function() {
  9. $(this).find('ul:first').hide();
  10. $(this).find('a:first').removeClass("hover");
  11. }
  12. );
  13. });
  14.  
если нет, добавь.

LonelyCat

Спасибо, всё заработало!
#4 21 января 2012 в 07:48
Вот такой ещё возник вопросик, может кто чего посоветует.
Активный блок в выпадающем меню (2) наследует фон от активного блока меню (1), как изменить style.css, что бы у блока из выпадающего списка на который мы навели мышкой был свой фон и когда он selected, тоже.
Наследует от
  1. #topmenu .menu li a:hover,
  2. #topmenu .menu li a.hover{
  3. background:url(../img/menubg-hover.png) repeat-x center top #375E93;
  4. color:#000 !important;
  5. text-shadow:0 1px 0px #FFF !important;
  6. }
#5 21 января 2012 в 08:38
дай ссылку на сайт
#6 21 января 2012 в 09:24
а вообще, для стандартного меню, надо добавить
  1. #topmenu .menu li ul li a:hover,
  2. #topmenu .menu li ul li a.hover{
  3. background:#ccc;/*здесь свой цвет или картинку*/
  4. color:#000 !important;
  5. text-shadow:0 1px 0px #FFF !important;
  6. height:40px;
  7. }
и будет как тебе надо
#7 21 января 2012 в 10:11
а я писал #topmenu .menu li ul li ul a:hover, :)
спасбо
#8 21 января 2012 в 10:32
Думаю, темка закрыта =)
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.