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


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



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



Главная » Файлы » Скрипты для 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 Мб
Просмотров: 8619 | Комментарии: 5 | Рейтинг: 4.5/8 | |Категория: Скрипты блоки и шапки | Добавил: mdbaner | Дата: 27.08.2010 | Скачали: 13 | Теги: поиском, Горизонтальное, красивое, меню
Похожие новости на нашем сайте
Коментарий к новости

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

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

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

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

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


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

Форма входа


Поиск


На форуме

1 Работа на заводе

29

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

54

3 Армия

0

4 Может у кого есть!

6

5 Нужны копирайты

1

6 Остались честные СМИ?

0

7 Раздача подарков и стик...

1

8 Дисковое пространство

3

9 Ручной прогон по трасто...

19

10 бот для умножения денег...

0


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


Комментарии



Copyright UcozOn.ru™ © 2008-2024


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