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


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

12994
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 25
Скрипты и модификации для Ucoz 2105
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • Спасибо... А вот насчет "Но вот баги" можно поконкретнее???
  • CbIPoK2513 написал:
  • Интересная задумка и реализация.. Но вот баги.. А так хорошо.
  • LeKcUs написал:
  • Запомни раз и на всегда... Все файлы ВСЕ с окончанием .swf пишутся в Adobe Flash. Я лично пишу в Adobe Flash CS6 cool Я скоро выложу новый шаблон более интересный...
  • Winston888 написал:
  • Я с флешь не сталкивался поэтому интересно файл main.swf ты сам писал ? Если да то через что ?
  • LeKcUs написал:
  • Я думаю что следующая версия будет по дизайну лучше! Ждите.... cool
    Последние темы
    Опрос
    415
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: