Мы здесь: rss twitter vk facebook

Самые новые скрипты для Ucoz

На нашем портале вы найдете не только скрипты, но и видео обучение и много интересного!
Main » Articles » Скрипты Ucoz » Скрипты Ucoz

Поиск по модулям сайта


Поиск по модулям сайта uCoz



Многие наверно видели в сети скрипт "универсальный поиск по модулям сайта", но он малость неудобный и его сложно встроить в дизайн сайта. Скрипт поиска написан на jquery. При нажатии на кнопку настроек, плавно выезжает список с категориями модулей, выберите какая нужно и ищите... всё)

Установка:

Подключаем сам скрипт:

После </head> вставляем:

Code
<script type="text/javascript" src="http://webo4ka.ru/Ucoz6/poisk_po_modulim_saita_ucoz.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://webo4ka.ru/Ucoz6/poisk_po_modulim_saita_ucoz_kn_p.png"></div>  
  <input id="znach" name="a" value="13" type="hidden">  
  </form>  
  <div id="seting"><img id="setin" src="http://webo4ka.ru/Ucoz6/poisk_po_modulim_saita_ucoz_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>


Всё!
Источник: http://укозик.рф/

View: 1156 / Added by: Administrator / Date: 19.04.2024
Comments 0
Total comments: 0
Only registered users can add comments.
[ Registration | Login ]