Раздвижное меню для шаблона Dominion
Меню подкорректировал под дизайн шаблона Dominion
Пример смотрим
тут Установка:
Скачиваем архив, расспаковываем и содержимое закачиваем в папку "js"
В head:
Code
<head> КОД СТАВИМ СЮДА </head>
ставим:
Code
<script language="javascript" type="text/javascript" src="/js/jquery-1.2.6.pack.js"></script>
<script language="javascript" type="text/javascript" src="/js/ddaccordion.js"></script>
<script language="javascript" type="text/javascript" src="/js/menu.js"></script>
Далее включаем конструктор, создаем новый блок и вставляем в "Html" этот код:
Code
<ul class="menu level1" >
<li><a class="menuitem submenuheader" title="Текст всплывающей подсказки" href="/"><span>Навигация</span></a> </li>
<div class="submenu">
<ul>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
</ul>
</div>
<li><a class="menuitem submenuheader" title="Текст всплывающей подсказки" href="/"><span>Навигация</span></a> </li>
<div class="submenu">
<ul>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
</ul>
</div>
<li><a class="menuitem submenuheader" title="Текст всплывающей подсказки" href="/"><span>Навигация</span></a> </li>
<div class="submenu">
<ul>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
</ul>
</div>
<li><a class="menuitem submenuheader" title="Текст всплывающей подсказки" href="/"><span>Навигация</span></a> </li>
<div class="submenu">
<ul>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
</ul>
</div>
<li><a class="menuitem submenuheader" title="Текст всплывающей подсказки" href="/"><span>Навигация</span></a> </li>
<div class="submenu">
<ul>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
<li> <a title="Текст всплывающей подсказки" href="/">Название каталога</a></li>
</ul>
</div>
Редактируем "названия каталога", пишем свое название, также переименовываем "Текст всплывающей подсказки". В href="/", между ковычками, вставляем ссылку на свой каталог. Сохраняем изменения в конструкторе, любуемся новым видом меню и начинаем над ним издеваться