0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 3955 Просмотров
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Как продублировать меню?
« : 06.10.2011, 00:06:45 »
Помогите пожалуйста продублировать верхнее горизонтальное меню вниз.
Есть верхнее меню с выпадающими подпунктами и его требуется продублировать в самый низ , тоесть чтоб одно и тоже меню было и сверху и снизу, и важно чтобы также выпадающее меню работало одновременно вверху и внизу. Что я только не делал, но при копировании верхнего меню вниз выпадающие пункты меню перестают работать, а если ради эксперимента  просто верхнее меню опускаеш вниз то оно рапботает как положено.

Для информации: За работу меню отвечает яваскрипт csshorizontalmenu.js подключаемый в шаблоне
Код
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/csshorizontalmenu.js"></script>
, а стиль отображения прописан в файле style.css и имеет следующий вид:
Код
	#cssmenu1 li {position:relative}
.top_menu #cssmenu1 li ul {position:absolute;display: block;z-index: 100;top:24px;left:0;visibility: hidden;}
.top_menu #cssmenu1 li li {display: inline;float: none;}
.top_menu #cssmenu1 li li  a {background: #CCC;width: 205px;font:normal 12px tahoma}
.top_menu #cssmenu1 li li  a:hover {background:#999;}
Что можно поправить чтобы верхнее меню одинаково работало и в своей нижней копии??
« Последнее редактирование: 06.10.2011, 00:22:29 от serjik »
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Как продублировать меню?
« Ответ #1 : 07.10.2011, 21:47:12 »
что нет никаких вариантов решения? или два одинаковых ява скрипта не могут отдновременно работать на странице? я пробовал продублировать csshorizontalmenu.js и присвоить ему другое значение, и добавил его в файл index.php тоесть как бы подключил другой ява стиль ко второму  меню, но ничего не получилось, нижнее меню начинает работать только после отключения верхнего....
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Как продублировать меню?
« Ответ #2 : 07.10.2011, 23:34:48 »
Так у вас айдишники тоже продублировались? Если да, то грубая ошибка. И правильно, что не работает. ^-^
#cssmenu1 замените на .cssmenu1
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Как продублировать меню?
« Ответ #3 : 08.10.2011, 15:44:42 »
Shustry да, айдишники тоже продублировал в CSS файле, просто ниже скопировал весь кусок кода с #cssmenu1 и заменил в нем значение на #cssmenu2. Так же продублировал csshorizontalmenu.js и дал ему новое имя csshorizontalmenu1.js  и добавил его в файл templateDetails.xml. В самом index.php ничего не менял. Да и еще в настройках обоих меню (основного верхнего и продукблированного нижнего) в строке ID Меню поставил значения cssmenu1 и cssmenu2 соответственно. В результате всех этих действий в верхнем меню по прежнему как нужно выпадающее меню работает, а в нижнем нет. Да , в коде #cssmenu1 заменил на .cssmenu1 но меню от этого только рассыпалось. Что то я не так делаю? :(
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Как продублировать меню?
« Ответ #4 : 08.10.2011, 17:16:12 »
Дайте ссылку на сайт.
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Как продублировать меню?
« Ответ #5 : 08.10.2011, 18:12:36 »
вот ссылочка http://new.autojockey.ru/
Выпадающее меню снизу нужно чтоб выпадало так же как и верхнее но только вверх, думаю поправить это в ява скрипте не составит труда, главное добиться чтобы оно выпадало хотя бы вниз как и верхнее.  Сейчас кусок CSS кода выглядит так:
Код
.main{margin:0 auto;height: auto !important; min-height:100%; height: 100%;}
.head {background:url(../images/full.jpg) 50% 50%  no-repeat;height: 538px;}
.head2 {background:#003E87 url(../images/fpage.jpg) 50% 50%  no-repeat;height: 118px;}
.content {background:url(../images/menu.gif) 0 0  repeat-x;}
.wrap {width:840px;margin:0 auto} /* shirina centralnoy chasti */
.top_menu {height:24px;line-height:24px}
.top_menu li {float:left;color:#6d6d6d;background:url(../images/menua.gif) 0 0  no-repeat}
.top_menu li a {display:block;padding:0 12px;margin:0 2px;line-height:24px;height:24px;color:#000;font:bold 13px tahoma;text-decoration:none}
.top_menu li a:hover {color:#FFF; background: url(../images/menud.gif)  repeat-x;}
.txt {padding:10px 0}
.txt p {text-indent:30px;font-size:14px;}
.txt img {border: 3px double #666666;margin:30px}
.txt .componentheading, .txt h1 {font-size:22px;padding:0 0 20px 0}

#cssmenu1 li {position:relative}
.top_menu #cssmenu1 li ul {position:absolute;display: block;z-index: 100;top:24px;left:0;visibility: hidden;}
.top_menu #cssmenu1 li li {display: inline;float: none;}
.top_menu #cssmenu1 li li  a {background: #CCC;width: 205px;font:normal 12px tahoma}
.top_menu #cssmenu1 li li  a:hover {background:#999;}

#cssmenu2 li {position:relative}
.top_menu #cssmenu2 li ul {position:absolute;display: block;z-index: 100;top:24px;left:0;visibility: hidden;}
.top_menu #cssmenu2 li li {display: inline;float: none;}
.top_menu #cssmenu2 li li  a {background: #CCC;width: 205px;font:normal 12px tahoma}
.top_menu #cssmenu2 li li  a:hover {background:#999;}

.footer {margin:-76px auto 0;height:76px;background:url(../images/foot.jpg) 0 0 repeat-x;color:#444444;}
.footer_blank {height:90px;}
.fot_menu {height:46px;line-height:46px;}
.ttm {float: right;right: 50%;width: auto;position:relative;}
.top_menu ul {float: left;list-style: none;right: -50%;position:relative;}
в настройках обоих  меню ID Меню стоит как и писал cssmenu1 и cssmenu2
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Как продублировать меню?
« Ответ #6 : 14.10.2011, 00:19:29 »
Shustry ну как не появилось еще идей как реализовать данную задачу? :(
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Как продублировать меню?
« Ответ #7 : 14.10.2011, 00:30:49 »
Появилась. Нельзя на одной странице использовать два одноимённых id. Это грубая ошибка. Я ж писал заменить на класс. Но, т.к. у вас там Joomla 1.5, то это приходится исправлять вручную:
http://joomlaforum.ru/index.php?topic=101136.0 - исправление ошибки.
http://www.joomla15.ru/вертска/receips-makeup/73-helpermodmainmenutitle.html - вынос хелпера в шаблон. На своё усмотрение.
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Как продублировать меню?
« Ответ #8 : 30.10.2011, 21:43:01 »
К сожалению ничего не вышло....сделал как написано по ссылкам и все осталось как было, выпадающие пункты в нижнем меню так и не заработали ((.
« Последнее редактирование: 02.11.2011, 11:51:40 от serjik »
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Как продублировать меню?
« Ответ #9 : 02.11.2011, 11:50:27 »
Народ, а есть какой то другой способ сделать два меню на одной странице? Уже две недели мучаюсь но никак не получаеться сделать второе нижнее меню чтоб работало  так же как верхнее, тоесть с выпадающими вверх пунктами меню.... Пробовал ставить сторонние меню только для этого нижнего но все равно ничего не выходит, получаю только одноуровневое меню :(
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Как продублировать меню?
« Ответ #10 : 09.11.2011, 12:53:49 »
вопрос снят, поискав ответы в инете я понял так сделать на движке не получиться :(
попробую заменить его меню на основе простого HTML
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

убрать из меню заголовки h3

Автор nexter

Ответов: 19
Просмотров: 6457
Последний ответ 03.02.2020, 18:49:47
от durte
При добавлении нового пункта меню не отображается содержимое

Автор Denko

Ответов: 2
Просмотров: 2134
Последний ответ 16.01.2020, 18:40:55
от Denko
Не нажимается пункт меню на мобильной версии

Автор Sensession

Ответов: 7
Просмотров: 3082
Последний ответ 04.01.2020, 16:45:27
от xpank
Не отображаются пункты в меню

Автор physic

Ответов: 20
Просмотров: 21374
Последний ответ 20.09.2019, 16:54:01
от beliyadm
Как в ARI Ext Menu добиться работы параметра "Показать в меню"?

Автор vasmed

Ответов: 1
Просмотров: 2346
Последний ответ 01.03.2019, 11:12:18
от vasmed