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
| |||||
Категория: Скрипты uCoz | Просмотров: 1928 | Добавил: Rus96 | Рейтинг: 0.0/0 | | |||||
Теги: |
Пока комментариев нет. Ты можешь быть первым! | |
Кроме того, материал перепечатывали с сайта на сайт, ставили... файл можно найти на Вэбочке (название tables_tablichki_dli_foruma.js).