Клуб WEB Мастеров
Чт, 16.08.2018, 11.48.20
» Меню сайта
» Мини-чат
» Наш опрос
Какой браузер вы используете
Всего ответов: 45368
» Статистика

1
1
0
Главная » 2013 » Июль » 15 » Поиск по новостям для uCoz
13.57.41
Поиск по новостям для uCoz
Новая форма поиска по новостям
Установка:

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>
Просмотров: 94 | Добавил: DoG | Рейтинг: 1.0/2
Всего комментариев: 0
avatar
» Вход на сайт

» Поиск
» Архив записей
KAZREX © 2018