Многие наверно видели в сети скрипт "универсальный поиск по модулям сайта", но он малость неудобный и его сложно встроить в дизайн сайта. Скрипт поиска написан на jquery. При нажатии на кнопку настроек, плавно выезжает список с категориями модулей, выберите какая нужно и ищите... всё)
Установка:
Подключаем сам скрипт:
После </head> вставляем:
Code
<script type="text/javascript" src="http://uwebo4ka.3dn.ru/scripts/poisk_modul/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://uwebo4ka.3dn.ru/scripts/poisk_modul/poisk_po_modulim_saita_ucoz_kn_p-1-.png"></div>
<input id="znach" name="a" value="13" type="hidden">
</form>
<div id="seting"><img id="setin" src="http://uwebo4ka.3dn.ru/scripts/poisk_modul/poisk_po_modulim_saita_ucoz_kn_n-1-.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>
На этом установка скрипта заканчивается!