Приветствую! Помогите сделать из простого гориз. меню сделать выпадающий.
Вот сайт:
html:
Code
<div class="gor-menu">
<ul>
<li><a href="/load/kazakhskaja_muzyka/terme/4">Терме</a></li>
<li><a href="/load/kazakhskaja_muzyka/populjarnye_pesni/2">Популярные песни</a></li>
<li><a href="/load/kazakhskaja_muzyka/aza_sha_rehp/5">Казахский рэп</a></li>
<li><a href="/blog">Минусовки</a></li>
<li><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?><a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></li>
<li><a href="javascript://" onclick="new _uWnd('ajax','Остальное','209','189',{autosize:false,modal: false,close:true,header:true,nomove: false,fixed:true},{xml:false,url:'http://musicpulse.kz/others.html'})">Остальное</a></li>
</ul>
</div>
CSS:
Code
.gor-menu {
margin: -1px 0 0 45px;
}
.gor-menu ul {
margin: 0;
padding: 0;
overflow: hidden;
}
.gor-menu ul li {
padding: 11px 20px 12px;
list-style: none;
float: left;
color: #fff;
}
.gor-menu ul li:hover {
background:#d80447;
-moz-border-radius:0 0 3px 3px;
-webkit-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
font-weight: bold;
}
.gor-menu ul li a {
color: #fff;
text-decoration: underline;
}
.gor-menu ul li a:hover {
color: #fff;
text-decoration: none;
}
Там в меню где "Остальное" у меня стоит ajax, вот там вместо ajax'a нужно сделать выпадающий.
PS: Если за это платить надо, то заплачу)