На многих сайтах я видел навигацию в красивом виде. Ну так вот, меня попросили на Jekins.Ru что бы я выложил навигацию как на знаменитом сайте про замечательный сериал: Lost.
И так..ближе к делу. Внимательно читайте инструкцию что бы не было лишних вопросов.
Установка:
1. Для начала зайдите в панель управления > управления дизайном > общие шаблоны > меню сайта.
Всё там стираете и вставляете данный код:
Code
<link rel="stylesheet" type="text/css" href="http://iucoz.ru/other/cssverticalmenu.css" />
<script type="text/javascript" src="http://iucoz.ru/other/cssverticalmenu.js"></script>
<ul id="verticalmenu" class="glossymenu">
<li><a href="#">Название</a>
<ul>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
</ul>
</li>
<li><a href="/">Название</a>
<ul>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
</ul>
</li>
<li><a href="#" >Название</a>
<ul>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
</ul>
</li>
<li><a href="#">Название</a>
<ul>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
</ul>
</li>
</li>
<li><a href="#">Название</a>
<ul>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
</ul>
</li>
<li><a href="#">Название</a>
<ul>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
</ul>
</li>
<li><a href="#">Название</a>
<ul>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
<li><a href="/">Название</a></li>
</ul>
</li>
<li><a href="/">Название</a></li>
</ul>
Не забудьте всё заменить на своё!