Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 21:24
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 15
Гостей: 14
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Красивое горизонтальное меню с поиском

Красивое горизонтальное меню с поиском
горизонтальное меню для светлых сайтов, с поиском рабочим как на DLE.
смотрим пример живой тут
меню серого цвета, если приложить чуток фотошопа то можно изменить в любой цвет все меню.
Установка:
это вставляем в таблицу стилей вашего сайта и желательно изменить ссылки на картинки
Code
td.menu_left{background:url('http://ucozon.ru/SCRIN6/menu/menu_left.png') no-repeat;width:9px;height:57px;}
td.menu_center{background:url('http://ucozon.ru/SCRIN6/menu/menu_center.png') repeat-x;height:57px;}
td.menu_right{background:url('http://ucozon.ru/SCRIN6/menu/menu_right.png') no-repeat;width:283px;height:57px;}

ul.topmenu{padding:0px 0 0 10px;margin:0;list-style:none;}
ul.topmenu li{float:left;font-weight:bold;}
ul.topmenu li a{background:url('http://ucozon.ru/SCRIN6/menu/menuli_a.png') no-repeat;height:30px;float:left;padding:11px 15px 0 15px;color:#fff;}
ul.topmenu li a:link{background:url('http://ucozon.ru/SCRIN6/menu/menuli_a.png') no-repeat;text-decoration:none;color:#fff;}
ul.topmenu li a:visited{background:url('http://ucozon.ru/SCRIN6/menu/menuli_a.png') no-repeat;text-decoration:none;color:#fff;}
ul.topmenu li a:hover {background:url('http://ucozon.ru/SCRIN6/menu/menuli.png') no-repeat;text-decoration:none;color:#fff;}
ul.topmenu li a:active{background:url('http://ucozon.ru/SCRIN6/menu/menuli_a.png') no-repeat;text-decoration:none;color:#fff;}
ul.topmenu li a.last_item{background:url('http://ucozon.ru/SCRIN6/menu/menuli_a.png') no-repeat;height:30px;float:left;padding:11px 1px 0 1px;}

.searchbg{padding:13px 0 0 0;float:left;*padding:16px 0 0 0;}
input.search_input{background:url('http://ucozon.ru/SCRIN6/menu/sinput.png') no-repeat;width:188px;height:23px;float:left;border:0;padding:2px 0 0 10px;font-size:14px;color:#bebebe;*padding:6px 0 0 10px;}
input.search_but{background:url('http://ucozon.ru/SCRIN6/menu/search.png') no-repeat;display:block;width:69px;height:23px;line-height:23px;margin:0 0 10px 10px;background-position:0 0;}
input.search_but:hover{background-position:0 -23px;}

а это сам код меню, редактируем его под свой ссылки и название ссылок и вставляем в низ шапки к примеру.

Code
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
  <td class="menu_left" align="left"></td>
  <td class="menu_center" align="left">
  <ul class="topmenu">
  <li><a href="/" title="Главная">Главная</a></li>
  <li><a href="/forum" title="Форум Веб-майстрів">Форум</a></li>
  <li><a href="/load/prog/3" title="Програм/Soft">Програмы</a></li>
  <li><a href="/load/films/29" title="Скачать безплатно">Фильмы</a></li>
  <li><a href="/load/webm/19" title="Все для Веб-мастера">Все для Веб</a></li>
  <li><a target="_blank" title="Будь в курсе" href="/">RSS</a></li>
  <li><a title="" href="#" class="last_item"></a></li>
  </ul>
  </td>
  <td class="menu_right" align="left">
  <div class="searchbg">
<form action='/search'>
<input type="hidden" name="do" value="search" />
<input type="hidden" name="t" value="0">
<input type="hidden" name="m" value="dir" />
<input type="hidden" name="m" value="forum" />
<input type="hidden" name="m" value="load" />
<input type="hidden" name="m" value="news" />
<input type="hidden" name="m" value="load" />
<input type="hidden" name="m" value="publ" />
<input type="hidden" name="m" value="board" />
<input name="q" value="найти по сайту ucozon.ru..." onBlur="if(this.value=='') this.value='найти по сайту ucozon.ru...';" onFocus="if(this.value=='найти по сайту ucozon.ru...') this.value='';" type="text" class="search_input" />
<input class="search_but" alt="Искать" type="image" src="http://ucozon.ru/SCRIN6/menu/spacer.gif" />
</form>
</div>
</td>
</tr>
</table>

на этом все.
картинки можно скачать в архиве.
Автор\Источник: ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 0,048 Мб
Просмотров: 7567 | Комментарии: 5 | Рейтинг: 4.5/8 | |Категория: Скрипты блоки и шапки | Добавил: mdbaner | Дата: 27.08.2010 | Скачали: 13 | Теги: поиском, Горизонтальное, красивое, меню
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 5
4 leomen1   Дата: 14.03.2012  Время: 17:27   [№ 12557]
Да чуть не забыл: адресс сайта, чтобы было понятней http://ovrpress.narod2.ru

5 мир   Дата: 14.03.2012  Время: 19:06   1 [№ 12558]
Поисковая система uCoz тут встроена, а вы на народе пытаетесь ее внедрить

3 leomen1   Дата: 14.03.2012  Время: 17:25   [№ 12556]
Очень красивое меню, но есть проблема - я установил его на свой сайт, все отлично, кроме поиска на сайте - выдает чистую страницу и все - может я что- то не понял и не так сделал. Помогите пожалуйста решить проблему

2 riptiliya   Дата: 23.01.2011  Время: 01:04   [№ 6082]
Шикарная менюшка! спс

1 martinis   Дата: 21.09.2010  Время: 08:33   [№ 4473]


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru