Название шаблона TopSkript для dle 10.6.
Как видите на картинке присутствует выплывающие меню, но в шаблоне его нет, как его сделать я не пойму. 2 день мучаюсь.
Пожалуйста помогите и не будьте строги я новичок.
<nav id="top-menu">
<div class="center clr">
<ul id="top-nav">
<li><a href="/">Главная</a></li>
<li><a href="/index.php?do=feedback">Контакты</a></li>
<li><a href="/rules.html">Правила</a></li>
</ul>
#top-menu {
height: 67px;
background: #3b3b3b;
margin-bottom: 30px;
}
#top-nav li {
float: left;
position: relative;
z-index: 999;
}
#top-nav {
float: left;
border-left: 1px solid #2f2f2f;
}
#top-nav li a {
display: block;
color: #f5f5f5;
border-right: 1px solid #2f2f2f;
line-height: 67px;
padding: 0 24px;
transition: box-shadow 0.4s, color 0.4s;
position: relative;
}
#top-nav li a:hover {
box-shadow: inset 0 -4px 0 #fcb245;
color: #f39f1a;
}
#searchform {
float: right;
margin-top: 13px;
}
#searchform input[type=text] {
display: block;
background: url("../images/search-icon.png") no-repeat 11px;
padding-left: 32px;
border: 1px solid #575656;
height: 39px;
border-radius: 3px;
width: 147px;
padding: 0 11px 0 43px;
color: #999;
font-size: 12px;
transition: border 0.4s;
}
#searchform input[type=text]:focus {
border: 1px solid #fcb245;
}
#top-nav .active a {
padding: 0 53px 0 24px;
}
.up{width: 200px;}
#top-nav .active .link:after {
content: "";
position: absolute;
width: 12px;
height: 8px;
background: url("../images/arrows.png");
top: 31px;
right: 24px;
}
#top-nav .active .link:hover:after, .active-for a:after {
background: url("../images/arrows.png") right !important;
}
#top-nav .active ul {
display: none;
}