Главная » 2013 » Июль » 15 » Поиск по новостям для uCoz
11:47:29 AM
Поиск по новостям для 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>
Просмотров: 170 | Добавил: DoG | Рейтинг: 0.0/0