Главная » 2012 » Июнь » 10 » Поиск по модулям сайта uCoz v2.0 by Укозик.рф (Скрипты для ucoz)
10.06.2012, 21:36

Поиск по модулям сайта uCoz v2.0 by Укозик.рф





Многие наверно видели в сети скрипт "универсальный поиск по модулям сайта", но он малость неудобный и его сложно встроить в дизайн сайта. Скрипт поиска написан на jquery. При нажатии на кнопку настроек, плавно выезжает список с категориями модулей.
Установка:
Подключаем сам скрипт:
После < /head> вставляем:
Code
<script type="text/javascript" src="http://xn--g1acecr2a.xn--p1ai/avtorstvo/scripts/poisk.js">

В css:
Code
#searchForm{  
  width:230px;  
  height:33px;  
  position:absolute;  
  }  

  #poisk{  
  display:none;  
  margin-top:-3px;  
  margin-left:100px;  
  font-size:14px;  
  text-align:left;  
  color:#fff;  
  font-family: Josefin Slab,Georgia, serif;  
  font-style:italic;  
  background-color: rgba(0,0,0,0.7);  
  position: absolute;  
  border: 1px solid #bababa;  
  -webkit-box-shadow: 0 0 0 1px rgba(69,69,69,0.75);  
  -moz-box-shadow: 0 0 0 1px rgba(69,69,69,0.75);  
  box-shadow: 0 0 0 1px rgba(69,69,69,0.75);  
  border-radius:0 0 5px 5px;  
  -moz-border-radius:0 0 5px 5px;  
  -webkit-border-radius:0 0 5px 5px;  
  z-index: 500;  
  }  

  #spisock{margin-top:40px;}  
  #fos{position:absolute;}  
  #kn{position:absolute;margin-left:158px;}  
  #seting{position:absolute;margin-left:198px;}  
   
  #setin{  
  cursor:pointer;  
  }  

  .ack{cursor:pointer;color:#CDCDCD; text-shadow: 0px 0px 2px rgba(255,255,255,0.7);}  
  .ackr{color:#CDCDCD; text-shadow: 0px 0px 2px rgba(255,255,255,0.7);}  
  #poisk li{margin:2px;margin-left:-10px;padding-right:10px;}  

  .queryField{  
  font-family: Josefin Slab,Georgia, serif;  
  font-style:italic;  
  padding: 0 2px;  
  border: 1px solid #b9bdc1;  
  color: #797979;  
  width:146px;  
  height:33px;  
  background-color: #F6F8FC;  
  -moz-box-shadow: 0 2px 4px #bbb inset;  
  -webkit-box-shadow: 0 2px 4px #bbb inset;  
  box-shadow: 0 2px 4px #bbb inset;  
  -moz-border-radius: 6px;  
  -webkit-border-radius: 6px;  
  border-radius: 6px;  
  }  

  .queryField:focus{  
  background-color: #fff;  
  outline: 0;  
  }

И сам поиск, туда, где хотим видеть:
Code
<div id="searchForm">  
  <form onsubmit="this.sfSbm.disabled=true" method="post" style="margin:0px" id="myform" action="1">  
  <div id="fos"><input name="query" maxlength="30" size="20" class="queryField" type="text" value="Что ищем?"></div>  
  <div id="kn"><input class="searchSbmFl" name="sfSbm" type="image" src="http://xn--g1acecr2a.xn--p1ai/dznew/kn_p.png"></div>  
  <input id="znach" name="a" value="13" type="hidden">  
  </form>  
  <div id="seting"><img id="setin" src="http://xn--g1acecr2a.xn--p1ai/dznew/kn_n.png" border="0" alt="Настройки"></div>  
  <div id="spisock"> <ul id="poisk">  
  <li id="news" value="news">Новости</li>  
  <li id="load" value="load">Файлы</li>  
  <li id="blog" class="ackr" value="blog">Блог</li>  
  <li id="publ" value="publ">Статьи</li>  
  <li id="dir" value="dir">Сайты</li>  
  <li id="board" value="board">Объявления</li>  
  <li id="faq" value="faq">FAQ</li>  
  </ul></div>  
  </div>  
  
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Укозик.рф
Категория: Скрипты uCoz | Просмотров: 1928 | Добавил: Rus96 | Рейтинг: 0.0/0 |
Теги: козик.рф, v2.0, модулям, поиск, uCoz, По, By, сайта
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]