Выпадающее подменю на CSS и jQuery

[kir10 0]

Пожалуйста.помогите внедрить меню в шаблон DLE. Не одинь день уже мучаюсь(( Вот нужная менюшка

http://mix-up.ru/vypadayushhee-podmenyu-na-css-i-jquery.html

Мои файлы https://yadi.sk/d/z0vbD_yugMS2u (style.css)

Main.tpl https://yadi.sk/d/4nbkmvKCgMS4V

[IgorA100 90]

Пожалуйста.помогите внедрить меню в шаблон

Во первых ошиблись разделом.

Во вторых - в чем именно возникла сложность? Что именно не работает?

На странице все довольно подробно написано.

Нужно вставить HTML

<ul id="topnav">

<li><a href="#">Меню 1</a></li>

<li>

  <a href="#">Меню 2</a>

  <!--Здесь начинается подменю-->

  <span>

   <a href="#">Подменю 1</a>

   <a href="#">Подменю 2</a>

   <a href="#">Подменю 3</a>

  </span>

  <!--Заканчивается подменю-->

</li>

<li><a href="#">Меню 3</a></li>

</ul>

И добавить стили:

ul#topnav {

margin: 0; padding: 0;

float: left;

width: 970px;

list-style: none;

position: relative;

font-size: 1.2em;

background: url(topnav_stretch.gif) repeat-x;

}

ul#topnav li {

float: left;

margin: 0; padding: 0;

border-right: 1px solid #555;

}

ul#topnav li a {

padding: 10px 15px;

display: block;

color: #f0f0f0;

text-decoration: none;

}

ul#topnav li:hover { background: #1376c9 url(topnav_active.gif) repeat-x; }

ul#topnav li span {

float: left;

padding: 15px 0;

position: absolute;

left: 0; top:35px;

display: none;

width: 970px;

background: #1376c9;

color: #fff;

/*--Bottom right rounded corner--*/

-moz-border-radius-bottomright: 5px;

-khtml-border-radius-bottomright: 5px;

-webkit-border-bottom-right-radius: 5px;

/*--Bottom left rounded corner--*/

-moz-border-radius-bottomleft: 5px;

-khtml-border-radius-bottomleft: 5px;

-webkit-border-bottom-left-radius: 5px;

}

ul#topnav li:hover span { display: block; }

ul#topnav li span a { display: inline; }

ul#topnav li span a:hover {text-decoration: underline;}

При этом что-бы не было конфликтов стилей в плане идентификаторов и классов.

jQuery уже подключен по умолчанию.