Joomla 1.5 создание стиля для под подменю

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем lucifer, 07.08.2009.

  1. Offline

    lucifer Недавно здесь

    Регистрация:
    07.07.2009
    Сообщения:
    139
    Симпатии:
    0
    Пол:
    Мужской
    [​IMG]
    вот само меню, для подменю я нашел где задается стиль, а вот для под подменю не могу найти и его стиль наследуется от родительского меню(на картинке обведено). Задача еще усложняется тем что оно динамическое, при наведении курсора меняется стиль, но это у самого меню, для подменю и под подменю не нужно динамики.
    Подскажите как мне изменить стиль для под подменю

    вот код CSS для всего меню:
    Код:
    Код (CODE):
    1. /** CSS for Mainmenu **/
    2.  
    3. .module_menu ul, .module_menu ul li
    4. {
    5.   background-image : none;
    6.   list-style       :none;
    7.  display           : block;
    8.  width             : auto !important;
    9.  width             : 100%;
    10.   margin           : 1px 0;
    11.   padding          : 0;
    12.   font-size        : 12px;
    13.   background       : none;
    14.   text-indent      : 0px;
    15.  
    16. }
    17.  
    18. ul.menu, ul.menu li
    19. { background-image : none;
    20.   list-style       :none;
    21. }
    22. .module_menu ul li a, .module_menu ul li a:link, .module_menu ul li a:visited
    23. {
    24.   display          : block;
    25.   font-size        : 13px;
    26.   border-bottom    : 1px solid #7E8890;
    27.   font-weight      : normal;
    28.   padding          : 2px 0;
    29.   color            : #fff;
    30.   padding-left     : 5px;
    31.   text-decoration  : none;
    32.  
    33. }
    34.  
    35. .module_menu ul li a:hover
    36. {
    37.   border-bottom    : 1px solid #7E8890;
    38.   font-size        : 13px;
    39.   font-weight      : normal;
    40.   color            : #7E8890;
    41.   text-decoration  : none;
    42.   padding-left     : 5px;
    43.   text-decoration    : none;
    44.   background       : #FCE3C6;
    45.  
    46.  
    47. }
    48.  
    49. .module_menu ul li.active a:link, .module_menu ul li.active  a:visited
    50. {
    51.  
    52.   font-size        : 13px;
    53.   font-weight      : bold;
    54.   color            : #fff;
    55.   border-bottom    : 1px solid #7E8890;
    56.   background       : #ecd2b4;
    57.   text-decoration    : none;
    58.  
    59. }
    60.  
    61.  
    62. .module_menu ul li.active ul li a:hover, .module_menu ul li.active ul li ul li a:hover
    63. { background:none;
    64.   font-size        : 13px;
    65.   font-weight      : normal;
    66.   color            : #333333;
    67.   border-bottom    : 1px solid #7E8890;
    68.  
    69.  
    70. }
    71.  
    72.  
    73. .module_menu ul li ul li a:link, .module_menu ul li ul li a:visited, .module_menu ul li ul li ul li a:link, .module_menu ul li ul li ul li a:visited
    74. {
    75.   display          : block;
    76.    font-size        : 12px;
    77.    font-weight      : bold;
    78.    color          : #333333;
    79.    padding        : 3px 1px 3px 5px;
    80.    margin         : 3px;
    81.    text-decoration  : none;
    82.   padding-left     : 5px;
    83.   border: none;
    84.  
    85. }
    86.  
    87. .module_menu ul li ul li a:hover, .module_menu ul li ul li ul li a:hover
    88. { background:none;
    89.   font-size        : 12px;
    90.   font-weight      : normal;
    91.   color            : #fff;
    92.   text-decoration  : none;
    93.   padding-left     : 5px;
    94.  
    95. }
    96.  
    97. /** это для подменю не активного **/
    98. .module_menu ul li.active ul li a:link, .module_menu ul li.active ul li a:visited, .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited
    99. {
    100.   background       : none;
    101.   font-size        : 12px;
    102.   font-weight      : normal;
    103.   color            : #7E8890;
    104.   text-decoration  : none;
    105.   padding-left     : 10px;
    106.  background-image : url(../images/m.jpg) ;
    107.   background-repeat:repeat-y;
    108.   background-position: 0px 6px;
    109. }
    110.  
    111. /** это для подменю активного **/
    112. ul.menu li.parent ul li#current a
    113. { background       : none;
    114.   font-size        : 12px;
    115.   font-weight      : normal;
    116.   color            : #7E8890;
    117.   text-decoration  : none;
    118.   padding-left     : 10px;
    119.  background-image : url(../images/m.jpg) ;
    120.   background-repeat:repeat-y;
    121.   background-position: 0px 6px;
    122.  
    123. }
     
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    lucifer, ссылка есть на сайт?
    Поставьте себе Firefox и плагин к нему Firebug и посмотрите
     
  4. Offline

    lucifer Недавно здесь

    Регистрация:
    07.07.2009
    Сообщения:
    139
    Симпатии:
    0
    Пол:
    Мужской
    неа ссылки нет, он на локалхосте. Поставил я Firebug штука конечно прикольная, но не пойму пользы особой не дал, пишит мне что для этого под подменю стиль наследуется от родительского, я это и так знаю ))
     
    Последнее редактирование: 07.08.2009
  5. Offline

    azimut Недавно здесь

    Регистрация:
    11.06.2009
    Сообщения:
    41
    Симпатии:
    0
    Пол:
    Мужской
    можно сделать чтобы родительским пунктом меню был пункт другого меню???
     
    Последнее редактирование: 08.08.2009
  6. Offline

    lucifer Недавно здесь

    Регистрация:
    07.07.2009
    Сообщения:
    139
    Симпатии:
    0
    Пол:
    Мужской
    не совсем понял вопрос :)
     
  7. DKraev
    Offline

    DKraev <i>(aka gft)</i>

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской
    НЕ знаю. Попробовал Ваш CSS на шаблоне rhuk_milkyway. Все работает. Если есть затруднения - выложите шаблон. Посмотрим...
     
  8. Offline

    lucifer Недавно здесь

    Регистрация:
    07.07.2009
    Сообщения:
    139
    Симпатии:
    0
    Пол:
    Мужской
    что работает? задается собственный стиль для под подменю? напишите как вы это сделали пожалуйста.
    У меня из-за этого треклятого под подменю дальнейшая работа над сайтом стоит :(
    Шаблон я вложил
     

    Вложения:

    • ferrari_ii.zip
      Размер файла:
      101.1 КБ
      Просмотров:
      2
  9. DKraev
    Offline

    DKraev <i>(aka gft)</i>

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской
    Давайте пробовать разобраться. Как я понимаю, подпункты появляются, когда нажимаешь на ссылку "Продукция"? В таком случае немного поправьте код css, а именно:

    В коде

    Код (CODE):
    1. .module_menu ul li.active ul li a:link, .module_menu ul li.active ul li a:visited, .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited
    2. {
    3.   background       : none;
    4.   font-size        : 12px;
    5.   font-weight      : normal;
    6.   color            : #ff0000;
    7.   text-decoration  : none;
    8.   padding-left     : 10px;
    9.   background-image : url(../images/bullet.gif) ;
    10.   background-repeat: no-repeat;
    11.   background-position: 0px 6px;
    12. }


    убираем стили для
    Код (CODE):
    1. .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited
    и выносим их отдельно. Т.е у нас получается:

    Код (CODE):
    1. .module_menu ul li.active ul li a:link, .module_menu ul li.active ul li a:visited
    2. {
    3.   background       : none;
    4.   font-size        : 12px;
    5.   font-weight      : normal;
    6.   color            : #fff;
    7.   text-decoration  : none;
    8.   padding-left     : 10px;
    9.   background-image : url(../images/bullet.gif) ;
    10.   background-repeat: no-repeat;
    11.   background-position: 0px 6px;
    12. }
    13.  
    14. .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited
    15.  {
    16.   Прописываем соответственно стили для под подменю  
    17.     }


    Проверьте - отпишите что получится...
     
  10. Offline

    lucifer Недавно здесь

    Регистрация:
    07.07.2009
    Сообщения:
    139
    Симпатии:
    0
    Пол:
    Мужской
    Вообше все наперекосяк :D
    Да бог с ним, с этим меню, я уже смерился ))
    завтра сайт выложу на хостинг брошу ссылку

    вот сайт http://arcotec.ru
     
    Последнее редактирование: 13.08.2009

Поделиться этой страницей

Загрузка...