• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Как настроить дизайн на живой поиск для uCoz
Как настроить дизайн на живой поиск для uCoz
Kosten
Пятница, 04 Ноября 2016 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Поставил на тестовый сайт живой поиск по сайту, но дизайн что то не выставляется, сам поиск по сайту работает.



Как настроить дизайн поиска.

Установка:

Это поиск

Код
<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="http://zornet.ru/Aben/search_fast.js"></script>


Это стили

Код
/*----------------[ПОИСК С ПОДСКАЗКАМИ]----------------*/

#search2 input:hover {background: #EDA8A8 !important;}
#search2 a:hover {background: #A3C2DC;}
#search2 a:last-child {border-bottom: 0px solid;}

#search2 {
box-shadow: 0px 18px 18px #444;
border: 1px solid #6D8FA8;
position: absolute;
margin-left: 4px;
margin-top: 12px;
display: none;
width: 254px;
z-index: 100;}

#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: #EEE;
display: block;
padding: 8px;}

#search2 input {
background: #F2CBCB !important;
color: #AC2222 !important;
border: 0px none;
cursor:pointer;
padding: 8px;
height: 30px;
width: 100%;
margin: 0px;}

#search2 a {
border-bottom: 1px solid #6D8FA8;
color:#222 !important;
text-decoration:none;
white-space: normal;
background: #EEE;
display:block;
padding: 8px;
height: auto;}


Вид материала найти

Код
<a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a>


и заменить на

Код
<span class="xml-text"><a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a></span>


Как видим по знаком, все отлично работает, но вот как само мясо нарастить, хотя как по нимаю, по умолчанию от сайта стили должны, но пробовал, пе получилось.
Прикрепления: 9779356.png (20.8 Kb)
Страна: (RU)
ДимДимыч
Пятница, 04 Ноября 2016 | Сообщение 2
Оффлайн
Vip
Сообщений:127
Награды: 7
Если этот дизайн подстраивать подл свой сайт или то его можно вставлять в страницы вашего сайта и он должен изменится. Но если этого не прошло, то просто нужно найти классы class="searchform poick_pole" и заменить searchform на свой или же под этот класс стили вести.
Страна: (RU)
Kosten
Пятница, 04 Ноября 2016 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
ДимДимыч, вижу сделал, все как нужно, то вообще другие классы менял, только пол пачки сигарет зря выкурил. 07a

Прикрепления: 2556497.png (20.2 Kb)
Страна: (RU)
ДимДимыч
Пятница, 04 Ноября 2016 | Сообщение 4
Оффлайн
Vip
Сообщений:127
Награды: 7
Вот просто вставил на свой сайт и не чего не менял

Прикрепления: 6482663.png (2.5 Kb)
Страна: (RU)
Kosten
Пятница, 04 Ноября 2016 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
ДимДимыч, так получается, вот полный код, он далеко от материала в первом посте отличается.

Код
<div id="sch-box"><div class="search-box">
<form onsubmit="search();return false;" method="post" style="margin: 0px;" action="/load/" id="searchform">
<div align="center" class="schQuery">
<input id="story" name="query" type="text" value="Поиск по сайту" onfocus='if (this.value == "Поиск по сайту") { this.value=""; }' onblur='if (this.value == "") { this.value="Поиск по сайту"; }' class="searchform poick_pole queryField" >
</div>
<div align="center" class="schBtn">
<input type="submit" class="searchSbmFl" name="sfSbm" value="Найти"></div>
<div id="search2"></div>
</form>
<script type="text/javascript" src="http://zornet.ru/Aben/search_fast.js"></script>
</div>
Страна: (RU)
ДимДимыч
Пятница, 04 Ноября 2016 | Сообщение 6
Оффлайн
Vip
Сообщений:127
Награды: 7
Я менял просто классы а это

Код
<div id="sch-box"><div class="search-box">


Не нужно.

Нужно только

Код
<form onsubmit="search();return false;" method="post" style="margin: 0px;" action="/load/" id="searchform">
<div align="center" class="schQuery">
<input id="story" name="query" type="text" value="Поиск по сайту" onfocus='if (this.value == "Поиск по сайту") { this.value=""; }' onblur='if (this.value == "") { this.value="Поиск по сайту"; }' class="searchform poick_pole queryField" >
</div>
<div align="center" class="schBtn">
<input type="submit" class="searchSbmFl" name="sfSbm" value="Найти"></div>
<div id="search2"></div>
</form>
<script type="text/javascript" src="http://zornet.ru/Aben/search_fast.js"></script>


Вообще скрипты это такая муть пипец :)
Страна: (RU)
Kosten
Пятница, 04 Ноября 2016 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Цитата ДимДимыч ()
Вообще скрипты это такая муть пипец

Жесть, классы разные на сайте бывают, но думаю, возможно автоматически получиться.
Страна: (RU)
Kosten
Пятница, 04 Ноября 2016 | Сообщение 8
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Здесь прописано, что по файлам только искать.

Код
<form onsubmit="search();return false;" method="post" style="margin: 0px;" action="/load/" id="searchform">


Если так поставить, то по всему сайту должно.

Код
<form onsubmit="search();return false;" method="post" style="margin: 0px;" action="/search/" id="searchform">
Страна: (RU)
ДимДимыч
Суббота, 05 Ноября 2016 | Сообщение 9
Оффлайн
Vip
Сообщений:127
Награды: 7
Цитата Kosten ()
Если так поставить, то по всему сайту должно.


Увы но я пробовал и не работает, может так пробовал :(
Страна: (RU)
waak
Воскресенье, 06 Ноября 2016 | Сообщение 10
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
ДимДимыч, Он не работает по всему сайту так как в скрипте тоже нужно заменить load на search и ещё несколько других значений нужно поменять так как формы поиска по модулю и по всему сайту отличаются
я буквально пару дней назад писал подобный скрипт для интернет магазина

сюда его выкладывать не стану так как делал его за деньги


Сообщение отредактировал
waak - Воскресенье, 06 Ноября 2016, 14:09
Страна: (RU)
no_matter
Понедельник, 30 Января 2017 | Сообщение 11
Оффлайн
Проверенные
Сообщений:187
Награды: 2
Кто может помочь установить скрипт на сайт и настроить все как надо? На сайте использую модуль - Доска объявлений.
Пишите цену и сроки в ЛС или сюда.


Выжимайте максимум из download-трафика - тут
Страна: (GE)
waak
Понедельник, 30 Января 2017 | Сообщение 12
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
no_matter, если речь про поиск, готов помочь! цена? смотря что значит настроить всё как надо? от 100р до 200р срок от 30м и пока не заработает всё как надо
Страна: (RU)
no_matter
Понедельник, 30 Января 2017 | Сообщение 13
Оффлайн
Проверенные
Сообщений:187
Награды: 2
waak, я почти все сделал, осталось только форму поиска настроить. Если не смогу напишу тебе.

Добавлено (30.01.2017, 15:48)
---------------------------------------------
waak, Напиши свой скайп. Нужно настроить стили формы поиска, остальное я сделал


Выжимайте максимум из download-трафика - тут
Страна: (GE)
waak
Понедельник, 30 Января 2017 | Сообщение 14
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Цитата no_matter ()
waak, Напиши свой скайп.

tolik-waak
Страна: (RU)
no_matter
Понедельник, 30 Января 2017 | Сообщение 15
Оффлайн
Проверенные
Сообщений:187
Награды: 2
waak, Принимай

Выжимайте максимум из download-трафика - тут
Страна: (GE)
Форум » Веб-разработка » Вопросы про uCoz » Как настроить дизайн на живой поиск для uCoz
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: