Красивое меню в темных тонах с формой поиска.
Для установки скопируйте данный код и вставьте в нужное место вашего сайта:
Code
<link href="http://joomla.ucoz.com/Ucozmenu/aid-menu/ja.aid-menu.css" rel="stylesheet" type="text/css" />
<script src="http://joomla.ucoz.com/Ucozmenu/aid-menu/ja.aid-menu.js" language="javascript" type="text/javascript" ></script>
<link rel="stylesheet" href="http://joomla.ucoz.com/Ucozmenu/aid-menu/style.css" type="text/css"/>
<link rel="stylesheet" href="http://joomla.ucoz.com/Ucozmenu/aid-menu/template.css" type="text/css"/>
<div id="naw_menu">
<!--style none -->
<div id="ja-mainnavwrap">
<div id="ja-mainnav">
<ul id="ja-cssmenu" class="clearfix">
<li class="active">
<a href=" http://joomla.ucoz.com" class="menu-item0 active first-item" id="menu1" title="Главная"><span class="menu-title">Главная</span></a></li>
<li class="havechild"><a href=" http://joomla.ucoz.com" class="menu-item1" id="menu7" title="Меню"><span class="menu-title">Модули</span></a><ul><li ><a href=" http://joomla.ucoz.com" class=" first-item" id="menu8" title="Компоненты"><span class="menu-title">подменю</span></a></li>
<li ><a href="http://joomla.ucoz.com" id="menu9" title="подменю"><span class="menu-title">подменю</span></a></li>
<li ><a href="http://joomla.ucoz.com" id="menu10" title="подменю"><span class="menu-title">подменю</span></a></li>
<li ><a href="http://joomla.ucoz.com" id="menu11" title="подменю"><span class="menu-title">подменю</span></a></li>
<li ><a href="http://joomla.ucoz.com" class=" last-item" id="menu17" title="подменю"><span class="menu-title">подменю</span></a></li>
</ul>
</li>
<li ><a href="http://joomla.ucoz.com" class="menu-item2" id="menu21" title="Шаблоны Joomla"><span class="menu-title">Файлы</span></a></li>
<li class="havechild"><a href="http://joomla.ucoz.com" class="menu-item3" id="menu13" title="Меню 3"><span class="menu-title">Форум</span></a><ul><li ><a href="http://joomla.ucoz.com" class=" first-item" id="menu4" title="подменю 3"><span class="menu-title">подменю 3</span></a></li>
<li ><a href="http://joomla.ucoz.com/" id="menu14" title="подменю 3"><span class="menu-title">подменю 3</span></a></li>
</ul>
</li>
<a href="http://joomla.ucoz.com"></a>
<div id="ja-search">
<form action="/search/" style="margin: 0pt;" method="get" onsubmit="this.sfSbm.disabled=true">
<div class="search">
<input type="text" id="topQueryField" size="20" maxlength="30" name="q"/></div>
</form>
</div>
<script src="http://joomla.ucoz.com/Ucozmenu/aid-menu/ja.aid-menu.js" language="javascript" type="text/javascript" ></script>
<link rel="stylesheet" href="http://joomla.ucoz.com/Ucozmenu/aid-menu/style.css" type="text/css"/>
<link rel="stylesheet" href="http://joomla.ucoz.com/Ucozmenu/aid-menu/template.css" type="text/css"/>
<div id="naw_menu">
<!--style none -->
<div id="ja-mainnavwrap">
<div id="ja-mainnav">
<ul id="ja-cssmenu" class="clearfix">
<li class="active">
<a href=" http://joomla.ucoz.com" class="menu-item0 active first-item" id="menu1" title="Главная"><span class="menu-title">Главная</span></a></li>
<li class="havechild"><a href=" http://joomla.ucoz.com" class="menu-item1" id="menu7" title="Меню"><span class="menu-title">Модули</span></a><ul><li ><a href=" http://joomla.ucoz.com" class=" first-item" id="menu8" title="Компоненты"><span class="menu-title">подменю</span></a></li>
<li ><a href="http://joomla.ucoz.com" id="menu9" title="подменю"><span class="menu-title">подменю</span></a></li>
<li ><a href="http://joomla.ucoz.com" id="menu10" title="подменю"><span class="menu-title">подменю</span></a></li>
<li ><a href="http://joomla.ucoz.com" id="menu11" title="подменю"><span class="menu-title">подменю</span></a></li>
<li ><a href="http://joomla.ucoz.com" class=" last-item" id="menu17" title="подменю"><span class="menu-title">подменю</span></a></li>
</ul>
</li>
<li ><a href="http://joomla.ucoz.com" class="menu-item2" id="menu21" title="Шаблоны Joomla"><span class="menu-title">Файлы</span></a></li>
<li class="havechild"><a href="http://joomla.ucoz.com" class="menu-item3" id="menu13" title="Меню 3"><span class="menu-title">Форум</span></a><ul><li ><a href="http://joomla.ucoz.com" class=" first-item" id="menu4" title="подменю 3"><span class="menu-title">подменю 3</span></a></li>
<li ><a href="http://joomla.ucoz.com/" id="menu14" title="подменю 3"><span class="menu-title">подменю 3</span></a></li>
</ul>
</li>
<a href="http://joomla.ucoz.com"></a>
<div id="ja-search">
<form action="/search/" style="margin: 0pt;" method="get" onsubmit="this.sfSbm.disabled=true">
<div class="search">
<input type="text" id="topQueryField" size="20" maxlength="30" name="q"/></div>
</form>
</div>
Посмотреть демо Классическое меню с формой поиска
Другие новости |
Поделиться ссылкой
|