mod_mainmenu - нужно подредаговать

Тема в разделе "Вопросы по работе с меню", создана пользователем John1992on, 26.06.2010.

  1. Online

    John1992on Гость

    Собственно проблема состоит в том, что после того как я начал делать 2-х уровневое меню, у меня оно виводится не верно(сайт: http://www.contra.org.ua Joomla 1.5.18 - mod_mainmenu) все пункты оно выводит вниз(т.е. вертикально, каждое меню -отдельный модуль, в одном и том же контейнере "use3"), а мне нужно - горизонтальную полосу меню сделать, знаю нужно править в шаблоне ../html/mod_mainmenu/default.php - шаблон прилагаю, напишите плиз код..., который это исправит! Надеюсь на быстрый ответ, так как это единственная трабла на моем пути:[
     

    Вложения:

    • contra_v14.zip
      Размер файла:
      566.8 КБ
      Просмотров:
      0
  2.  
  3. woojin
    Offline

    woojin Местный Команда форума => Cпециалист <=

    Регистрация:
    31.05.2009
    Сообщения:
    3 206
    Симпатии:
    334
    Пол:
    Мужской
    поставь в настройках модуля горизонтальный вывод а не вертикальный и посмотри как у тебя в CSS прописываются UL LI, LI UL, UL, LI
    должно помочь
     
  4. Online

    John1992on Гость

    на счет вывода - так оно и стоит..
    пробовал делать изменения в CSS - нужного результата нет(так как не очень разбераюсь в CSS = делал методом втыка:(), так что хелп:[ - вот код(которым виводится верхнее меню):
    Код (CODE):
    1. /* begin Menu */
    2. /* menu structure */
    3.  
    4. .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
    5. {
    6.   text-align: center;
    7.   text-decoration: none;
    8.   outline: none;
    9.   letter-spacing: normal;
    10.   word-spacing: normal;
    11. }
    12.  
    13. .art-menu, .art-menu ul
    14. {
    15.   margin: 0;
    16.   padding: 0;
    17.   border: 0;
    18.   list-style-type: none;
    19.   display: block;
    20. }
    21.  
    22. .art-menu li
    23. {
    24.   margin: 0;
    25.   padding: 0;
    26.   border: 0;
    27.   display: block;
    28.   float: left;
    29.   position: relative;
    30.   z-index: 5;
    31.   background: none;
    32. }
    33.  
    34. .art-menu li:hover
    35. {
    36.   z-index: 10000;
    37.   white-space: normal;
    38. }
    39.  
    40. .art-menu li li
    41. {
    42.   float: none;
    43. }
    44.  
    45. .art-menu ul
    46. {
    47.   visibility: hidden;
    48.   position: absolute;
    49.   z-index: 10;
    50.   left: 0;
    51.   top: 0;
    52.   background: none;
    53. }
    54.  
    55. .art-menu li:hover>ul
    56. {
    57.   visibility: visible;
    58.   top: 100%;
    59. }
    60.  
    61. .art-menu li li:hover>ul
    62. {
    63.   top: 0;
    64.   left: 100%;
    65. }
    66.  
    67. .art-menu:after, .art-menu ul:after
    68. {
    69.   content: ".";
    70.   height: 0;
    71.   display: block;
    72.   visibility: hidden;
    73.   overflow: hidden;
    74.   clear: both;
    75. }
    76. .art-menu, .art-menu ul
    77. {
    78.   min-height: 0;
    79. }
    80.  
    81. .art-menu ul
    82. {
    83.   background-image: url(../images/spacer.gif);
    84.   padding: 10px 30px 30px 30px;
    85.   margin: -10px 0 0 -30px;
    86. }
    87.  
    88. .art-menu ul ul
    89. {
    90.   padding: 30px 30px 30px 10px;
    91.   margin: -30px 0 0 -10px;
    92. }
    93.  
    94. div.art-nav-center
    95. {
    96.   position: relative;
    97.   float: right;
    98.   right: 50%;
    99.  
    100. }
    101.  
    102. ul.art-menu
    103. {
    104.   position: relative;
    105.   float: left;
    106.   left: 50%;
    107. }
    108.  
    109. .firefox2 ul.art-menu
    110. {
    111.   float: none;
    112. }
    113.  
    114.  
    115.  
    116.  
    117. /* menu structure */
    118.  
    119. .art-menu
    120. {
    121.   padding: 0 0 0 0;
    122. }
    123.  
    124. .art-nav
    125. {
    126.   position: relative;
    127.   height: 22px;
    128.   z-index: 100;
    129. }
    130.  
    131. .art-nav .l, .art-nav .r
    132. {
    133.   position: absolute;
    134.   z-index: -1;
    135.   top: 0;
    136.   height: 22px;
    137.   background-image: url('../images/nav.png');
    138. }
    139.  
    140. .art-nav .l
    141. {
    142.   left: 0;
    143.   right: 0;
    144. }
    145.  
    146. .art-nav .r
    147. {
    148.   right: 0;
    149.   width: 1096px;
    150.   clip: rect(auto, auto, auto, 1096px);
    151. }
    152.  
    153.  
    154. /* end Menu */
    155.  
    156. /* begin MenuItem */
    157. .art-menu a
    158. {
    159.   position: relative;
    160.   display: block;
    161.   overflow: hidden;
    162.   height: 22px;
    163.   cursor: pointer;
    164.   text-decoration: none;
    165. }
    166.  
    167. .art-menu li
    168. {
    169.   margin-right: 0;
    170.   margin-left: 0;
    171. }
    172.  
    173. .art-menu ul li
    174. {
    175.     margin:0;
    176.     clear: both;
    177. }
    178.  
    179.  
    180. .art-menu a .r, .art-menu a .l
    181. {
    182.   position: absolute;
    183.   display: block;
    184.   top: 0;
    185.   z-index: -1;
    186.   height: 66px;
    187.   background-image: url('../images/menuitem.png');
    188. }
    189.  
    190. .art-menu a .l
    191. {
    192.   left: 0;
    193.   right: 0;
    194. }
    195.  
    196. .art-menu a .r
    197. {
    198.   width: 400px;
    199.   right: 0;
    200.   clip: rect(auto, auto, auto, 400px);
    201. }
    202.  
    203. .art-menu a .t
    204. {
    205.   margin-right: 10px;
    206.   margin-left: 10px;
    207.   font-weight: bold;
    208.   font-size: 11px;
    209.   text-decoration: none;
    210.   text-transform: uppercase;
    211.   color: #C6D2AC;
    212.   padding: 0 22px;
    213.   margin: 0 0;
    214.   line-height: 22px;
    215.   text-align: center;
    216. }
    217.  
    218. .art-menu a:hover .l, .art-menu a:hover .r
    219. {
    220.   top: -22px;
    221. }
    222.  
    223. .art-menu li:hover>a .l, .art-menu li:hover>a .r
    224. {
    225.   top: -22px;
    226. }
    227.  
    228. .art-menu li:hover a .l, .art-menu li:hover a .r
    229. {
    230.   top: -22px;
    231. }
    232. .art-menu a:hover .t
    233. {
    234.   color: #F8CB16;
    235. }
    236.  
    237. .art-menu li:hover a .t
    238. {
    239.   color: #F8CB16;
    240. }
    241.  
    242. .art-menu li:hover>a .t
    243. {
    244.   color: #F8CB16;
    245. }
    246.  
    247.  
    248. .art-menu a.active .l, .art-menu a.active .r
    249. {
    250.   top: -44px;
    251. }
    252.  
    253. .art-menu a.active .t
    254. {
    255.   color: #000000;
    256. }
    257. /* end MenuItem */
     
  5. Offline

    botanist Активист => Cпециалист <=

    Регистрация:
    15.02.2009
    Сообщения:
    461
    Симпатии:
    49
    Пол:
    Мужской
    В модуле суффикс класса -nav стоит?
     
  6. Online

    John1992on Гость

    botanist, нет не стоял, но поставив это ничье не изменилось, ставил в поле "суффикс класса модуля"-в модуле меню выводящего пункт меню в use3(у меня каждый модуль меню - отдельный пункт главного меню, с дочерным меню)..., насколько я понимаю, можно написать свой CSS суффикс класса модуля, после чего эво указать в админке на определенное меню(в моем случае главное), либо в шаблоне править ../html/mod_mainmenu/default.php... прошу помочь любим из методов, так как нужно срочно в этом разобраться, а учить php\css я токо начинаю..
     
  7. Online

    John1992on Гость

    Все разобрался, но того чего хотел добился другим путем: сначала пункты верхнего меню были отдельными меню, теперь одним - один модуль в use3, подкатигории верхнего меню - отделние модели, отделение уровнями(т.е главное 0:1 \ дочерние 1:2)...,ето всё так на заметку мож кому понадобится, спасибо всем за ответы...
    Оффтопик (не в тему) - жми сюда!
    ...
     

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

Загрузка...