Движущаяся форма поиска для uCoz


Движущаяся форма поиска для uCoz

12985
9 из 10
Проголосовало: 8






Установка:
1. Это в Нижнюю часть сайта:
Код
<script type="text/javascript" src="http://webo4ka.ru/_ld/36/3699_u_poisk.js"></script>


2. Это в нужное место:

Код
<div class="poick_os p_top">  
  <form onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" >  
  <input class="poick_pole"type="text" name="q" maxlength="30" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/>  
  <input class="poick_knopka" type="submit" value="Найти" />  
  <input type="hidden" name="t" value="0" />  
  </form>  
  </div>


3. Это в CSS:

Код
/* Движущаяся форма поиска для uCoz  
  ------------------------------------------*/  
  .poick_os,  
  .content_os {  
  width: 440px;  
  margin: 0 auto;  
  padding: 15px 30px 15px 30px;  
  }  

  .p_bottom {  
  top: 0;  
  position:fixed;  
  }  

  .poick_os {  
  float:left;  
  background:#F3F3F3;  
  border-bottom: 1px solid #CAD1DB;  
  }  

  .poick_os input {  
  float:left;  
  margin:0px;  
  vertical-align:middle;  
  font:11px Verdana,Arial,Helvetica,sans-serif;  
  }  

  .poick_pole {  
  color:#555;  
  width:349px;  
  height:15px;  
  padding:5px 10px;  
  border: 1px solid #CAD1DB!important;  
  border-right:none!important;  

  }  

  .poick_pole:focus {  
  box-shadow:inset 0px 0px 3px #ccc!important;  
  -webkit-box-shadow:inset 0px 0px 3px #ccc!important;  
  -moz-box-shadow:inset 0px 0px 3px #ccc!important;  
  }  

  .poick_knopka {  
  width:70px;  
  height:27px;  
  cursor:pointer;  
  border:1px solid #d6982f!important;  
  color:#73450d!important; text-shadow:1px 1px 1px #fff7e5!important;  
  background: #febf4e!important;  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fed76e), color-stop(1, #ffbd4b))!important;  
  background: -moz-linear-gradient(top, #fed76e 1%, #ffbd4b 100%)!important;  
  background: -o-linear-gradient(#fed76e, #ffbd4b)!important;  
  }  

  .poick_knopka:active {  
  box-shadow:inset 0px 0px 3px #bb8323!important;  
  -webkit-box-shadow:inset 0px 0px 3px #bb8323!important;  
  -moz-box-shadow:inset 0px 0px 3px #bb8323!important;  
  }  

  .poick_knopka:hover {  
  background:#fedc77!important;  
  }
Автор публикации: Загрузка
Загрузка
k43, это его n материал
Источник: http://center-dm.ru/
  • Всего комментариев: 3

MacLaine
0
MacLaine написал: Написано 20 Января 2013 в 19:26
Комментарий №2
И еще, скажите, можно ли сделать чтобы поиск подгружал список по мере набора букв?

MacLaine
0
MacLaine написал: Написано 20 Января 2013 в 19:19
Комментарий №1
Скажите пожалуйста, я поставил данный поиск на страницу материалов категорий. Оно будет искать именно в данной категории?

Если нет, то подскажите как добавить кнопочку рядом с кнопкой НАЙТИ, чтобы выпадал список и там выбирал пользователь по какой категории искать.

Заранее спасибо.

Вовчик
0
Вовчик написал: Написано 23 Января 2013 в 17:43
Комментарий №3
по всему сайту искать будет... а то что ты хочешь, (выпадающее меню с категориями или появление текста по мере набора текста это уже совсем другие скрипты...)

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 3
    Пользователей: 2
    0
    Сегодня были
    Топ пользователей: