» »

Стильный поиск по сайту ucoz Z1


Хочу сказать, когда я подыскивал поиск себе на сайт, ставил этот и могу утверждать сто он полностью рабочий и по своему стильный. Когда что то хочешь найти и жмешь поиск то кнопка планирует влево, это возможно что идут с поиском стили. А когда они идут то тогда всегда красивый материал и можно что то самому подогнать. На сайт просто по дизайну не подошел и я отказался от него. Возможно кому то подойдет, и вот хочу поделиться.
Установка:
Думаю что первую очередь надо сделать это прописать стиль в CSS
Код
div.search {  
  float: right;  
  margin-right: 10px;  
  }  

  .search {  
  color: #757575;  
  text-decoration: none;  
  }  

  .searchbg {  
  float: left;  
  padding: 14px 0px 0px;  
  }  

  input.search_input {  
  background: url("http://zornet.ru/CSS-ZORNET/ZR/sinput.gif") no-repeat transparent;  
  border: 0px none currentColor;  
  color: #99A5AA;  
  float: left;  
  font-size: 0.9em;  
  height: 22px;  
  padding: 0px 0px 0px 23px;  
  width: 188px;  
  }  
  input.search_but {  
  background: url("http://zornet.ru/CSS-ZORNET/ZR/search.gif") no-repeat transparent;  
  display: block;  
  float: left;  
  height: 22px;  
  margin: 0px 0px 10px;  
  width: 77px;  
  }

Осталось поставить код, там где вам нужно.
Код
<div class="search">  
  <div class="searchbg">  
  <form onsubmit="javascript: showBusyLayer()" method="post" action="">  
  <input type="hidden" name="do" value="search"/>  
  <input type="hidden" name="subaction" value="search"/>  
  <input name="story" id="story" value="поиск по сайту..." onblur="if(this.value=='') this.value='поиск по сайту...';" onfocus="if(this.value=='поиск по сайту...') this.value='';" type="text" class="search_input"/>  
  <input class="search_but" alt="Поиск" type="image" src="http://zornet.ru/CSS-ZORNET/ZR/spacer.gif"/>  
  </form>  
  </div>  
  </div>

Все!
12.08.2013 Просмотров: 1281 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar