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

DiverMan

  • Осваиваюсь на форуме
  • 38
  • 8 / 4
Как сделать горизонтальное меню с выпадающим подменю?
Хочешь один раз накормить человека - дай ему рыбу.
Хочешь накормить его на всю жизнь - научи его ловить рыбу.

например с помощью модуля с menu4joomla.com
*

raduga

  • Захожу иногда
  • 70
  • 75 / 2
например с помощью модуля с menu4joomla.com

В дополнение: TransMenu, SWMenu, XMenu, LxMenu .....
Взять их можно здесь.
*

DiverMan

  • Осваиваюсь на форуме
  • 38
  • 8 / 4
Есть ли меню без использования java?
Хочешь один раз накормить человека - дай ему рыбу.
Хочешь накормить его на всю жизнь - научи его ловить рыбу.
*

userxp

  • Живу я здесь
  • 2019
  • 403 / 6
  • Злой и ужасный бармалей
Есть ли меню без использования java?
не java, а javascript.
эээ Flash(MX).
только эти две технологии на сегодняшний день позволяют осуществлять "динамику" у клиента, ибо HTML статичен.

если же конкретно под мамбо/джумла, то бесплатных я не видел.
хотя, нет.. соврал, кажется...

смотри ЗДЕСЬ

я вложил аттачмент (что у меня был) с датой 31 августа 2005 г, а на сайте 6 декабря 2005...

[вложение удалено Администратором]
« Последнее редактирование: 13.03.2006, 12:42:51 от userxp »
Как правильно задавать вопрос службе технической поддержки  yes!
SGA CM 7.2.0 RC0 KANG Build GWK74 + s95allinonescript + CWM 5.0.2.6 + Modem XWKT3
*

DiverMan

  • Осваиваюсь на форуме
  • 38
  • 8 / 4
не java, а javascript.
эээ Flash(MX).
только эти две технологии на сегодняшний день позволяют осуществлять "динамику" у клиента, ибо HTML статичен.
HTML не в счет...
А CSS Вам известен? или это Оочень сложно?
Цитировать
а javascript.
эээ Flash(MX).
тормоза страшные (на наших линиях).
Хочешь один раз накормить человека - дай ему рыбу.
Хочешь накормить его на всю жизнь - научи его ловить рыбу.
*

era

  • Администратор
  • 1578
  • 388 / 5
  • В туалете лучше быть пользователем, чем админом.
А CSS Вам известен? или это Оочень сложно?

Посмотрел-бы я как у тебя с помощью CSS менюшки ездить будут :)
Покажешь?
*

raduga

  • Захожу иногда
  • 70
  • 75 / 2
*

DiverMan

  • Осваиваюсь на форуме
  • 38
  • 8 / 4
Посмотрел-бы я как у тебя с помощью CSS менюшки ездить будут :)
Покажешь?
Народ, давайте не будем перепираться...
Цитировать
http://www.cssplay.co.uk/menus/dd_valid.html
Да, я его видел - хорошие примеры...

На самом деле же CSS хорош, а вот меню для Joomla на нём нет!?
Хочешь один раз накормить человека - дай ему рыбу.
Хочешь накормить его на всю жизнь - научи его ловить рыбу.
*

era

  • Администратор
  • 1578
  • 388 / 5
  • В туалете лучше быть пользователем, чем админом.
Вот к примеру:
http://www.cssplay.co.uk/menus/dd_valid.html

Ахтунг.... Пойду покурю, а то чуть сердечный приступ не случился... *Сказал он вытирая ещё не высохшее молоко с губ....*
*

userxp

  • Живу я здесь
  • 2019
  • 403 / 6
  • Злой и ужасный бармалей
ахтунг...  :laugh:

На самом деле же CSS хорош, а вот меню для Joomla на нём нет!?
2 DiverMan: сделай - будешь первым.

зы. интересно, а три уровня получится?
Как правильно задавать вопрос службе технической поддержки  yes!
SGA CM 7.2.0 RC0 KANG Build GWK74 + s95allinonescript + CWM 5.0.2.6 + Modem XWKT3

зы. интересно, а три уровня получится?
Дык тям есть - в первом и последнем меню...
*

userxp

  • Живу я здесь
  • 2019
  • 403 / 6
  • Злой и ужасный бармалей
Дык тям есть - в первом и последнем меню...
хм.. видать, просмотрел...
Как правильно задавать вопрос службе технической поддержки  yes!
SGA CM 7.2.0 RC0 KANG Build GWK74 + s95allinonescript + CWM 5.0.2.6 + Modem XWKT3

Вопрос: а как сделать (разбить на компоненты, модули?) два горизонтальных меню - одно главное (выше по уровню) другое подменю. Например, верхнее - "О комании", "Продукция", "Поддержка". Выбираем пункт меню "Продукция", оно высвечивается активным цветом (или еще как выделяется), остальные - пассивным, а под ним возникает подменю с продукцией, например "Гайки", "Шурупы", "Болты"  - сначала все пассивного цвета, страница с общей информацией. Потом кликаем на подразделы, они становятся активными. Допустим, нажали на "гайки", название раздела подсветилось активным цветом, вывалилась страница информации про гайки (пункт меню "Продукция" остается активным, т.к. действия происходят в его подразделах). Н уи так далее. Получается что-то вроде пути к текущему разделу, тольк рализованное в 2 уроня таким вот образом.

ахтунг...  :laugh:
2 DiverMan: сделай - будешь первым.

зы. интересно, а три уровня получится?

уже есть! Css Menu (mod)
http://www.joomlaya.com/index.php?option=com_remository&func=fileinfo&filecatid=1541
*

arixx

  • Новичок
  • 5
  • 1 / 0
Еще одна реализация CSS меню aRixTopMenu :
http://www.homepg.ru/index.php?option=com_content&task=view&id=15
Конечно немного извращенная реализация, н пользоваться вполне можно.
Мои joomla наработки: http://www.homepg.ru
*

Blackdeath

  • Новичок
  • 4
  • 0 / 0
Помогите я сделал горизонталное меню , но она у меня не отображается я уже всё перепробывал делал через Произволный HTML (jy его всё равно не видит)
Код
<body>

<ul id="vbUL_556wd" class="vbULm56wd" style="visibility:hidden;">
<li><img src="1111-files/sma56wd.gif" alt="Игры [240x320]" /><a href="http://www.moi-sensor.ru/index.php/-240-320" title="Игры [240x320]" target="_self">Игры&nbsp;[240x320]</a></li>
<li><img src="1111-files/sma56wd.gif" alt="Игры  [240x400]" /><a href="http://www.moi-sensor.ru/index.php/-240x400" title="Игры  [240x400]" target="_self">Игры&nbsp;&nbsp;[240x400]</a></li>
<li><img src="1111-files/sma56wd.gif" alt="Игры [360x640]" /><a href="http://www.moi-sensor.ru/index.php/-360x640" title="Игры [360x640]" target="_self">Игры&nbsp;[360x640]</a></li>
<li><img src="1111-files/sma56wd.gif" alt="Игры  [480x800]" /><a href="http://www.moi-sensor.ru/index.php/-480x800" title="Игры  [480x800]" target="_self">Игры&nbsp;&nbsp;[480x800]</a></li>
<li><img src="1111-files/sm656wd.gif" alt="Приложения  [ 240x400]" /><a href="http://www.moi-sensor.ru/index.php/240x400" title="Приложения  [ 240x400]" target="_self">Приложения&nbsp;&nbsp;[&nbsp;240x400]</a></li>
<li><img src="1111-files/sm656wd.gif" alt="Приложения[ 240x320]" /><a href="http://www.moi-sensor.ru/index.php/240x320" title="Приложения[ 240x320]" target="_self">Приложения[&nbsp;240x320]</a></li>
<li><img src="1111-files/sm656wd.gif" alt="Приложения [ 480x800]" /><a href="http://www.moi-sensor.ru/index.php/480x800" title="Приложения [ 480x800]" target="_self">Приложения&nbsp;[&nbsp;480x800]</a></li>
<li><img src="1111-files/sm256wd.gif" alt="Прошивки " /><a href="http://www.moi-sensor.ru/index.php/2010-04-08-15-48-28" title="Прошивки " target="_self">Прошивки&nbsp;</a></li>
<li><img src="1111-files/smt56wd.gif" alt="Мастерская" /><a href="http://www.moi-sensor.ru/index.php/-samsung" title="Мастерская" target="_self">Мастерская</a></li></ul>
<ul id="vbUL_a56wd" class="vbULm56wd" style="visibility:hidden;">
<li><img src="1111-files/sma56wd.gif" alt="Java для LG " /><a href="http://www.moi-sensor.ru/index.php/igri-ot-lg" title="Java для LG " target="_self">Java&nbsp;для&nbsp;LG&nbsp;</a></li>
<li><img src="1111-files/smp56wd.gif" alt="Flash для LG" /><a href="http://www.moi-sensor.ru/index.php/flash--lg" title="Flash для LG" target="_self">Flash&nbsp;для&nbsp;LG</a></li>
<li><img src="1111-files/sm256wd.gif" alt="Приложения" /><a href="http://www.moi-sensor.ru/index.php/2010-04-08-14-28-43" title="Приложения" target="_self">Приложения</a></li>
<li><img src="1111-files/smo56wd.gif" alt="Мастерская " /><a href="http://www.moi-sensor.ru/index.php/--lg" title="Мастерская " target="_self">Мастерская&nbsp;</a></li></ul>
<ul id="vbUL_s56wd" class="vbULm56wd" style="visibility:hidden;">
<li><img src="1111-files/sma56wd.gif" alt="Игры " /><a href="http://www.moi-sensor.ru/index.php/igri-nokia" title="Игры " target="_self">Игры&nbsp;</a></li>
<li><img src="1111-files/sm256wd.gif" alt="Софт " /><a href="http://www.moi-sensor.ru/index.php/prilogenie" title="Софт " target="_self">Софт&nbsp;</a></li>
<li><img src="1111-files/smw56wd.gif" alt="Темы для Nokia " /><a href="http://www.moi-sensor.ru/index.php/temi" title="Темы для Nokia " target="_self">Темы&nbsp;для&nbsp;Nokia&nbsp;</a></li>
<li><img src="1111-files/sm456wd.gif" alt="Картинки" /><a href="http://www.moi-sensor.ru/index.php/2010-04-08-14-49-50" title="Картинки" target="_self">Картинки</a></li></ul>
<ul id="vbUL_356wd" class="vbULm56wd" style="visibility:hidden;">
<li><img src="1111-files/sma56wd.gif" alt="Игры для Windows Mobile" /><a href="http://www.moi-sensor.ru/index.php/--windos-mobile" title="Игры для Windows Mobile" target="_self">Игры&nbsp;для&nbsp;Windows&nbsp;Mobile</a></li>
<li><img src="1111-files/smt56wd.gif" alt="Софт Windows Mobile" /><a href="http://www.moi-sensor.ru/index.php/--windows-mobile" title="Софт Windows Mobile" target="_self">Софт&nbsp;Windows&nbsp;Mobile</a></li></ul>
<ul id="vbUL_r56wd" class="vbULm56wd" style="visibility:hidden;">
<li><img src="1111-files/smz56wd.gif" alt="Обои 480x800 для LG " /><a href="http://www.moi-sensor.ru/index.php/oboi-lg" title="Обои 480x800 для LG " target="_self">Обои&nbsp;480x800&nbsp;для&nbsp;LG&nbsp;</a></li>
<li><img src="1111-files/smu56wd.gif" alt="Широкие [720x320]" /><a href="http://www.moi-sensor.ru/index.php/hirokie-720x320" title="Широкие [720x320]" target="_self">Широкие&nbsp;[720x320]</a></li>
<li><img src="1111-files/smz56wd.gif" alt="Широкие [720x400]" /><a href="http://www.moi-sensor.ru/index.php/hirokie-720x400" title="Широкие [720x400]" target="_self">Широкие&nbsp;[720x400]</a></li></ul>
<ul id="vbUL_256wd" class="vbULm56wd" style="visibility:hidden;">
<li><img src="1111-files/smx56wd.gif" alt="Видео" /><a href="http://www.moi-sensor.ru/index.php/2010-04-08-15-50-23" title="Видео" target="_self">Видео</a></li>
<li><img src="1111-files/smp56wd.gif" alt="Клипы" /><a href="http://www.moi-sensor.ru/index.php/2010-04-08-15-51-32" title="Клипы" target="_self">Клипы</a></li>
<li><img src="1111-files/smx56wd.gif" alt="Приколы" /><a href="http://www.moi-sensor.ru/index.php/2010-04-08-15-52-24" title="Приколы" target="_self">Приколы</a></li>
<li><img src="1111-files/smp56wd.gif" alt="Эротика" /><a href="http://www.moi-sensor.ru/index.php/2010-04-08-15-53-26" title="Эротика" target="_self">Эротика</a></li>
<li><img src="1111-files/smx56wd.gif" alt="Прочее" /><a href="http://www.moi-sensor.ru/index.php/prohee" title="Прочее" target="_self">Прочее</a></li></ul>
<ul id="vbUL_p56wd" class="vbULm56wd" style="visibility:hidden;">
<li><img src="1111-files/smw56wd.gif" alt="Новости о Nokia" /><a href="http://www.moi-sensor.ru/index.php/novosti-" title="Новости о Nokia" target="_self">Новости&nbsp;о&nbsp;Nokia</a></li>
<li><img src="1111-files/smf56wd.gif" alt="Новости о Samsung" /><a href="http://www.moi-sensor.ru/index.php/novosti-samsung" title="Новости о Samsung" target="_self">Новости&nbsp;о&nbsp;Samsung</a></li></ul><script type="text/javascript"> var vbImgPath="1111-files/"</script>
<script type="text/javascript" src="1111-files/scm56wd.js"></script>
<table id="vista-buttons.com:idm56wd" width="0" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right:0px" title ="Главная">
<a href="http://www.moi-sensor.ru/" target="_self" onmouseover='xpe("m56wdo");' onmouseout='xpe("m56wdn");' onmousedown='xpe("m56wdc");'><img id="xpi_m56wd" src="1111-files/btm56wd_0.gif" name="vbm56wd" width="90" height="36" border="0" alt="Главная" /></a></td><td style="padding-right:0px" title ="Samsung">
<a target="_self" onmouseover='xpe("556wdo");xpshow("556wd",0,this);xpsmover(this);' onmouseout='xpsmout(this);' onmousedown='xpe("556wdc");'><img id="xpi_556wd" src="1111-files/bt556wd_0.gif" name="vb556wd" width="101" height="36" border="0" alt="Samsung" /></a></td><td style="padding-right:0px" title ="   LG">
<a onmouseover='xpe("a56wdo");xpshow("a56wd",0,this);xpsmover(this);' onmouseout='xpsmout(this);' onmousedown='xpe("a56wdc");'><img id="xpi_a56wd" src="1111-files/bta56wd_0.gif" name="vba56wd" width="79" height="36" border="0" alt="   LG" /></a></td><td style="padding-right:0px" title ="Nokia">
<a onmouseover='xpe("s56wdo");xpshow("s56wd",0,this);xpsmover(this);' onmouseout='xpsmout(this);' onmousedown='xpe("s56wdc");'><img id="xpi_s56wd" src="1111-files/bts56wd_0.gif" name="vbs56wd" width="84" height="36" border="0" alt="Nokia" /></a></td><td style="padding-right:0px" title ="Windows Mobile">
<a onmouseover='xpe("356wdo");xpshow("356wd",0,this);xpsmover(this);' onmouseout='xpsmout(this);' onmousedown='xpe("356wdc");'><img id="xpi_356wd" src="1111-files/bt356wd_0.gif" name="vb356wd" width="134" height="36" border="0" alt="Windows Mobile" /></a></td><td style="padding-right:0px" title ="Обои">
<a onmouseover='xpe("r56wdo");xpshow("r56wd",0,this);xpsmover(this);' onmouseout='xpsmout(this);' onmousedown='xpe("r56wdc");'><img id="xpi_r56wd" src="1111-files/btr56wd_0.gif" name="vbr56wd" width="84" height="36" border="0" alt="Обои" /></a></td><td style="padding-right:0px" title ="Игры про рыбалку ">
<a href="http://www.moi-sensor.ru/index.php/2010-04-08-15-55-50" target="_self" onmouseover='xpe("656wdo");' onmouseout='xpe("656wdn");' onmousedown='xpe("656wdc");'><img id="xpi_656wd" src="1111-files/bt656wd_0.gif" name="vb656wd" width="145" height="36" border="0" alt="Игры про рыбалку " /></a></td><td style="padding-right:0px" title ="Видео mp4, 3gp ">
<a onmouseover='xpe("256wdo");xpshow("256wd",0,this);xpsmover(this);' onmouseout='xpsmout(this);' onmousedown='xpe("256wdc");'><img id="xpi_256wd" src="1111-files/bt256wd_0.gif" name="vb256wd" width="140" height="36" border="0" alt="Видео mp4, 3gp " /></a></td><td style="padding-right:0px" title ="На звонок и смс">
<a href="http://www.moi-sensor.ru/index.php/2010-04-08-15-37-57" onmouseover='xpe("t56wdo");' onmouseout='xpe("t56wdn");' onmousedown='xpe("t56wdc");'><img id="xpi_t56wd" src="1111-files/btt56wd_0.gif" name="vbt56wd" width="127" height="36" border="0" alt="На звонок и смс" /></a></td><td style="padding-right:0px" title ="Новости">
<a onmouseover='xpe("p56wdo");xpshow("p56wd",0,this);xpsmover(this);' onmouseout='xpsmout(this);' onmousedown='xpe("p56wdc");'><img id="xpi_p56wd" src="1111-files/btp56wd_0.gif" name="vbp56wd" width="100" height="36" border="0" alt="Новости" /></a></td><td style="padding-right:0px" title ="Форум">
<a href="http://www.moi-sensor.ru/forum/" target="_blank" onmouseover='xpe("o56wdo");' onmouseout='xpe("o56wdn");' onmousedown='xpe("o56wdc");'><img id="xpi_o56wd" src="1111-files/bto56wd_0.gif" name="vbo56wd" width="80" height="36" border="0" alt="Форум" /></a></td></tr></table>

</body>
Код
CSS 
ul.vbULm56wd {
  position: absolute;
  visibility: hidden;
}
.vbULm56wd {
  position: absolute;
  visibility: hidden;
  display: block;
  overflow: auto;
  font-size: 1px;
  margin: 0px;
}
div.vbULm56wd, table.vbULm56wd .subContent{
  border: 4px solid #000000;
  background-color: #0000FF;
  padding: 0px;
  opacity:1.00;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.vbULm56wd table {
  border-collapse: separate;
  border-spacing: 0px;
}
.vbULm56wd table tr {
  font-size: 1px;
  cursor: pointer;
  background-color: #438DE9; 
}
.vbULm56wd tr.over {
  background-color: #000000;
}
.vbULm56wd table td {
  border: 0px solid #438DE9;
  padding: 6px;
  text-align: left;
}
.vbULm56wd tr.over td {
  border-color: #000000;
}
.vbULm56wd td a, .vbULm56wd td span{
  font-family: Tahoma;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
}
.vbULm56wd tr.over a, .vbULm56wd tr.over span {
  font-family: Tahoma;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
}
.vbULm56wd tr.popup {
  background-color: #000000;
}
.vbULm56wd tr.popup td {
  border-color: #000000;
}
.vbULm56wd tr.popup a, .vbULm56wd tr.popup a{
  font-family: Tahoma;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
}












Помогите пожалуйста
*

RoooMka

  • Осваиваюсь на форуме
  • 36
  • 0 / 0
  • RoooM
Отличное выпадающее меню от поляка - mod_ariextmenu
Легкое, как в установке, так и в настройке и в работе.
Кто не нашел - пишите в скайп - rooomdsgn
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Большое меню Joomla

Автор Amakeeva

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

Автор selimoff

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

Автор qweqweqwe

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

Автор wectra

Ответов: 6
Просмотров: 568
Последний ответ 12.07.2017, 21:09:01
от wectra
Не отображаются пункты в меню

Автор physic

Ответов: 16
Просмотров: 16067
Последний ответ 27.05.2017, 00:10:15
от OutLaw1