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

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

  • Гуру
  • 6400
  • 740 / 3
  • Рисую дизайны
Re: Как продублировать меню?
« Ответ #2 : 07.10.2011, 23:34:48 »
Так у вас айдишники тоже продублировались? Если да, то грубая ошибка. И правильно, что не работает. ^-^
#cssmenu1 замените на .cssmenu1
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

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

  • Гуру
  • 6400
  • 740 / 3
  • Рисую дизайны
Re: Как продублировать меню?
« Ответ #4 : 08.10.2011, 17:16:12 »
Дайте ссылку на сайт.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

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

  • Гуру
  • 6400
  • 740 / 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 - вынос хелпера в шаблон. На своё усмотрение.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

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
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню

Автор s120367

Ответов: 0
Просмотров: 157
Последний ответ 03.06.2018, 13:02:55
от s120367
Большое меню Joomla

Автор Amakeeva

Ответов: 1
Просмотров: 352
Последний ответ 22.01.2018, 13:17:45
от effrit
Как можно отображать имя пользователя в название меню?

Автор selimoff

Ответов: 27
Просмотров: 3412
Последний ответ 02.01.2018, 15:24:44
от logan-19
как сделать пункт меню не кликабельным?

Автор qweqweqwe

Ответов: 13
Просмотров: 6264
Последний ответ 07.09.2017, 01:45:49
от forzi
Сдвинуть пункты меню в левое положение

Автор wectra

Ответов: 6
Просмотров: 617
Последний ответ 12.07.2017, 21:09:01
от wectra