Горизонтальное (верхнее) меню. Как сделать выпадающим?

[pagemaster]

Здравствуйте!

У меня возник вопрос возможно ли сделать верхнее горизонтальное меню выпадающим без использования сторонних (нестандартных) модулей?
Я пользовался модулем swMenuPro 6.3 но не смог достичь нужных результатов(не смог сделать аналогичную менюшку как на сайте см.ниже адрес).

Сам сайт http://agrodim.net23.net

Я где-то читал что это как-то делается с помощью "суффикс класса страницы" и оформлением подменюшек в основном файле стиля шаблона.

Заранее извиняюсь если написал что-то глупое)))

[al-teen]

http://joomlaforum.ru/index.php/topic,163850.new.html

[pagemaster]

Спасибо, полезная статья.
Вот только там написано как с 0 сделать своё выпадающее меню. А я плохо понимаю CSS и не знаю как к моему старому CSS влепить пунктик "Выпадающее меню на JS+CSS".

Что нужно прописать в index.php шаблона чтобы скрипт работал?
И этот коод стиля подменю:

Показать текстовый блок

ul.menu li ul{
ul.menu li ul{
  display:block;
 
  z-index:-2;           /*Здесь прячем подпункты на нижние слои*/
  position:absolute;
  margin-left: 220px;  /*Отступ справа = ширина родительского пункта меню*/
  margin-top: -93px;   /*Отступ снизу = высота родительского пункта меню*/
 
 }
 ul.menu li.hilite ul{
   z-index:100;          /*Вот здесь класс hilite наш - выводим меню в верхние слои*/
 }

является универсальным? Его нужно как-то изменять(ну кроме отступов)?

[pagemaster]

вот мой CSS меню

Показать текстовый блок

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
  position: relative;
  margin: 0  auto;
  width: 874px;
  height: 41px;
  z-index: 100;
}

.artmenu
{
  padding: 6px 6px 6px 6px;
}


.nav .l, .nav .r, .nav .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 41px;
}

.nav .l
{
  left: 0;
  right: 0px;
}


.nav .r
{
  right: 0;
  width: 0px;
}


.nav .r div
{
  width: 874px;
  right: 0;
}


.nav .l, .nav .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/nav.png');
}

/* end Menu */

хоть намекните как переделать, буду очень благодарен

[al-teen]

Воспользуйтесь Файрбагом для того, чтобы посмотреть классы меню.Эти классы подставьте вместо тех, что в текстовом блоке.Не хватает знаний, значит: а) Брать и штудировать учебники, б) Воспользоваться готовым модулем (Rock Nav Menu например), в) Заплатить за работу специалисту, который Вам все сделает