- Гость ®
- Отключить рекламу
- Вход Регистрация
| Автор | Сообщение | |||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Скрипт Живой поиск для сайта uCoz очень хорошо подойдёт для тех сайтов где много размещено или будет размещено файлов, материалов так как он быстро находит тот или иной материал по начальным запросам которые вы начинаете вводить в строку поиска. Давайте установим Живой поиск для сайта В первую очередь вам думаю нужно скачать архив и загрузить в свой файловый менеджер сайта текстовый документ search_fast Далее ставим ниже указанный код в то место на сайте где вам и нужен Живой поиск для сайта Код <form onsubmit="search();return false;" method="post" style="margin: 0px;" action="/load/" id="searchform"> <input id="story" name="query" type="text" value="Поиск фильма по кинопорталу" onfocus='if (this.value == "Поиск фильма по кинопорталу") { this.value=""; }' onblur='if (this.value == "") { this.value="Поиск фильма по кинопорталу"; }' class="searchform poick_pole" autocomplete="off" style="width: 690px;"> <input class="srch_btn" name="sfSbm" value="Найти" type="submit"/> <input name="a" value="2" type="hidden"> <div id="search2"></div> </form> <script type="text/javascript" src="/js/search_fast.js"></script> Теперь в стили вашего сайта пропишите стили которые находятся чуток ниже или можете прописать под свой сайт. Код /*----------------[ПОИСК С ПОДСКАЗКАМИ]----------------*/ #search2 input:hover {background: #EDA8A8 !important;} #search2 a:hover {background: #EEE;} #search2 a:last-child {border-bottom: 0px solid;} #search2 { box-shadow: 0px 18px 18px #E5E5E5; border: 1px solid #BDBDBD; position: absolute; margin-top: 3px; display: none; z-index: 100; margin-left: 3px; border-radius: 2px; }#search2::after { /*border-bottom: 8px solid transparent; border-left: 0px solid transparent; border-right: 8px solid #6D8FA8; border-top: 8px solid transparent; */ content: ""; left: 20px; position: absolute; top: -12px; transform: rotate(90deg); writing-mode: tb-rl;} #search2 span { color:#444 !important; background: white; display: block; padding: 8px;}#search2 input { background: #F2CBCB !important; color: #AC2222 !important; border: 0px none; cursor:pointer; padding: 8px; height: 30px; width: 100%;}#search2 a { border-bottom: 1px solid #BDBDBD; color: #222 !important; text-decoration: none; white-space: normal; background: white; display: block; padding: 8px; height: auto; } И так вроде мы установили но он не работает и для этого проходим в модуль каталог файлов и в дизайне вид материалов каталога файлов находим такую строчку Код <a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a> Можно не менять а просто вашу ссылку на материал заключить в такой вот class Код <span class="xml-text">Тут ссылка на материал</span> Не забываем скачать скрипт, откройте его в браузере и создайте текстовый документ с расширением js,затем залейте его в свою папку на сервере.
|
|||||||||||||||||||||||||
![[Профиль]](/images/lang/ru/icon_profile.gif){kind=icon} ![[ЛС]](/images/lang/ru/icon_pm.gif "Отправить ЛС"){kind=icon} |
||||||||||||||||||||||||||
| Быстрый ответ ЖИВОЙ ПОИСК ДЛЯ САЙТА |