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


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



Статистика
Онлайн всего: 16
Гостей: 14
Пользователей: 2
sergaw, ogousite



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Новый красивый поиск

Новый красивый поиск Новый, красивый, поиск
Поиск очень стильный красивый, к тому же подойдет под любой шаблон!
Чтобы посмотреть ДЕМО, перейдите по это ссылке:

А теперь приступим к коду:
Вставьте в любое место вашего сайта:
Code
<style>  
  #wrap-search {  
  margin: 0 auto;  
  width: 100px;  
  -moz-transition: all .2s ease-out;  
  -webkit-transition: all .2s ease-out;  
  -o-transition: all .2s ease-out;  
  transition: all .2s ease-out;  
  text-indent: 0px;}  

  #wrap-search br { display: none; }  

  #wrap-search #search {  
  background: -moz-linear-gradient(center bottom , #9B9B9B 0%, #A9A9A9 50%, #CACACA 50%, #D3D3D3 2550%);  
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #9B9B9B),color-stop(0.5, #A9A9A9),color-stop(0.5, #CACACA),color-stop(25.5, #D3D3D3));  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9B9B9B', EndColorStr='#CACACA');  
  border-radius: 5px;  
  padding: 4px;  
  }  

  #wrap-search:hover { width:200px; }  

  .form-search {  
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(#EBEBEB), to(#BCBCBC));  
  background: -moz-linear-gradient(-90deg, #BCBCBC, #EBEBEB);  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EBEBEB', EndColorStr='#BCBCBC');  
  border: 1px solid #747474;  
  border-radius: 3px;  
  box-shadow: inset 0 1px 1px #575555, 0 1px 0 #FFF;  
  height: 32px;  
  position: relative;  
  -moz-transition: all .2s ease-out;  
  -webkit-transition: all .2s ease-out;  
  -o-transition: all .2s ease-out;  
  transition: all .2s ease-out;  
  }  

  .form-search input[type='text'] {  
  background: none;  
  border: none;  
  color:#6E7074;  
  height: 34px;  
  line-height: 34px;  
  padding: 0 27px 0 6px;  
  font-family: Helvetica, Arial, sans-serif;  
  font-size: 13px;  
  text-shadow: 0 1px 0 #FFF;  
  }  

  #wrap-search:hover input[type='text'] { color:#597C84; }  

  #wrap-search:hover .form-search {  
  background: -moz-linear-gradient(-90deg, #9CC2CA, #DFECEF);  
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(#DFECEF), to(#9CC2CA));  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DFECEF', EndColorStr='#9CC2CA');  
  box-shadow: inset 0 1px 1px #46575b, 0 1px 0 #FFF;  
  color: #25464D;  
  }  

  .form-search input[type='image'] {  
  height: 32px;  
  opacity: .5;  
  filter:alpha(opacity=50);  
  position: absolute;  
  right: 0px;  
  top: 0px;  
  width: 32px;  
  }  

  .form-search input[type='image']:hover {  
  opacity: 1;  
  filter:alpha(opacity=100);  
  }  

  </style>  

  <div id="wrap-search">  
  <div id="search">  
  <form class="form-search" method="get" action="/search" target="_blank">  
  <input src="http://joomla.ucoz.com/Demo/2/862330529.png" type="image">  
  <input name="q" value="Поищем?" onfocus="this.value='';" onblur="this.value='Поищем?';" onmouseover="this.value='';" onmouseout="this.value='Найдем!';" type="text">  
  </form>  
  </div>  
  </div>
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 1124 | Комментарии: 2 | Рейтинг: 5.0/2 | |Категория: Скрипты Разное | Добавил: maksim | Дата: 17.03.2012 | Скачали: 0
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 2
2 mebius   Дата: 01.09.2012  Время: 14:04   [№ 13643]
поставил себе немного модифицировал.. весьма прилично, спасибо!

+1   Спам
1 Freefantom   Дата: 20.03.2012  Время: 04:27   [№ 12641]
При нажатии на поле появляется рамка, но если отвести мышку, рамка остается


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

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


Поиск


На форуме

1 Продажа рекламные мест ...

2

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

0

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

1

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

9

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

0

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

0

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

51

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

1

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

9

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

2


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


Комментарии



Copyright UcozOn.ru™ © 2008-2016


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