#1 Создаем ссылки на страницы которые необходимы:
Code
<div id="nav">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Статьи</a>
<ul>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">MySQL</a></li>
</ul>
</li>
<li><a href="#">Книги</a>
<ul>
<li><a href="#">Раскрутка и продвижение</a> </li>
<li><a href="#">Е-Бизнес</a></li>
<li><a href="#">Web-Дизайн</a></li>
<li><a href="#">Платежные системы</a></li>
</ul>
</li>
<li><a href="#">О нас</a> </li>
</ul>
</div>
Добавляем получившийся код вместо стандартного кода $меню$ в адм. панеле (левый сайд бар или первый контейнер)
После чего переходим в css и добавляем следующее:
Code
#nav ul {
margin: 0px;
padding: 0px;
list-style:none;
width:200px;
}
#nav ul li {
position: relative;
border-bottom:1px solid #ccc;
}
#nav li ul {
position: absolute;
left: 200px;
top: 0;
display: none;
}
#nav ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
}
#nav li:hover ul { display: block; }
Вот впринципи и все, меню можно сделать более красивым добавив фон, если нужно будет напишу.
