Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Хорошее горизонтальное меню для uCoz
24.06.2018
Хорошее горизонтальное меню для uCoz
  • 561 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Интересное меню для вашего сайта. Он выполнен в салатовом цвете в нём присутствует иконка домика что возвращает человека на главную и ещё поиск который находиться в правом углу.



Установка:

1. В Верхнюю часть сайта:

Код
<div id="hnav"><div id="hnav_in"><ul id="hnav_list">  
  <li class="home_link" title="На главную страницу"><a href="/"></a></li>  
  <li><a href="/forum/"><span>Форум</span></a></li>  
  <li><a href="/load/sistema_ucoz/1"><span>Система uCoz</span></a></li>  
  <li><a href="/load/vsjo_dlja_adobe_photoshop/17"><span>Софт для Фотошопа</span></a></li>  
  <li><a href="http://7old.ru/"><span>Файлы для uCoz</span></a></li>  
  <li><a href="/load/vsjo_dlja_dizajnera/11"><span>Всё для дизайнера</span></a></li>  

  </ul><form onSubmit="this.sfSbm.disabled=true" action="/search/" method="get" class="hSearch">  
  <div class="hSearch_in">  
  <input name="q" type="text" class="hSearch_text" value="Поиск по сайту..." onBlur="if(this.value=='')this.value='Поиск по сайту...'" onFocus="if(this.value=='Поиск по сайту...')this.value=''" />  
  <input type="submit" value=" " class="hSearch_submit" />  
  </div></form></div></div>


2. В Таблицу Стилей CSS:

Код
#hnav {margin:0 0 11px 0; overflow:hidden; background:#7bb02e url(/designs_133/hnav_bg.png) no-repeat 0 0;}  
  #hnav_in {height:31px; background:url(http://7old.ru/ucoz-files/1/hnav_bg.png) no-repeat right -31px;}  
  #hnav_list {float:left; padding:0 2px 0 0; background:url(http://7old.ru/ucoz-files/1/hnav_bg.png) no-repeat right -93px;}  
  #hnav_list li {height:26px; padding:5px 3px 0 5px; float:left; background:url(http://7old.ru/ucoz-files/1/hnav_bg.png) no-repeat 0 -62px;}  
  #hnav_list li.home_link {width:29px; height:31px; padding:0; margin:0; background:url(http://7old.ru/ucoz-files/1/hnav_bg.png) no-repeat 0 -31px;}  
  #hnav_list li.home_link a {width:29px; height:31px; display:block;}  
  #hnav_list li.home_link a:hover {background:url(http://7old.ru/ucoz-files/1/hnav_bg.png) no-repeat -29px -31px;}  
  #hnav_list li a {height:21px; display:block; font-weight:bold; color:#fff; text-decoration:none;}  
  #hnav_list li a span {height:21px; line-height:21px; padding:0 11px;display:block; cursor:pointer;}  
  #hnav_list li a:hover {color:#85b63d; background:#f8f8f8 url(http://7old.ru/ucoz-files/1/hnav_bg.png) no-repeat -200px -62px;}  
  #hnav_list li a:hover span {background:url(http://7old.ru/ucoz-files/1/hnav_bg.png) no-repeat right -62px;}  

  .hSearch {width:171px; height:21px; float:right; margin:5px 11px 0 0;}  
  .hSearch input {outline:none; vertical-align:top;}  
  .hSearch_text {width:135px; height:21px; line-height:21px; display:block; float:left; padding:0 6px; font-size:11px; color:#73ab21; margin:0; border:0; background:#fff url(http://7old.ru/ucoz-files/1/hnav_bg.png) no-repeat 0 -93px;}  
  .hSearch_text:hover,  
  .hSearch_text:focus {background:#fff url(http://7old.ru/ucoz-files/1/hnav_bg.png) no-repeat 0 -114px;}  
  .hSearch_submit {width:21px; height:21px; display:block; float:right; padding:0; margin:0; border:0; background:#87b740 url(http://7old.ru/ucoz-files/1/hnav_bg.png) no-repeat -147px -93px;}  
  .hSearch_submit:hover {background:#87b740 url(http://7old.ru/ucoz-files/1/hnav_bg.png) no-repeat -147px -114px;}


На этом всё.
Хорошее горизонтальное меню для uCoz" title="Скачать Хорошее горизонтальное меню для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7OLD.RU
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]