prowebber.cc - Тут есть все для настоящих вебмастеров

Провеббер » DataLife Engine » DLE хаки » Красивый поиск для сайта.

Красивый поиск для сайта.

Автор: SevenGraff 2012-6-05 DataLife Engine / DLE хаки

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.

Скачать бесплатно Красивый поиск для сайта..

добавляем это в самый низ style.css вашего шаблона.
mysite.com/templates/название шаблона/style/style.css

/*Finder*/
#mod-finder-searchform {
  float: right;
  margin: 20px 0 0;
  position: relative;
  width: 300px;
}
#mod-finder-searchform #mod-finder-searchword {
  width: 270px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  margin: 0 10px 0 0;
  display: block;
  background: #fbfbfb;
}
#mod-finder-searchform #mod-finder-searchword:focus {
  background: #ffffff;
}
#mod-finder-searchform button.finder {
  background: url(../images/searchbtn.png) no-repeat #333333;
  width: 35px;
  height: 24px;
  border: none;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
  font-size: 0px;
  display: block;
  position: absolute;
  top: 6px;
  right: 22px;
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

input,textarea,select,.uneditable-input{color:#555555;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

в нужное вам место ставим это

<form id="mod-finder-searchform" action="" method="post">

    <div class="finder">
        <input type="text" name="story" id="mod-finder-searchword" class="lfield" size="25" value="Поиск" /><button class="button  finder" type="submit">Go</button>
        <input type="hidden" name="do" value="search" />
        <input type="hidden" name="subaction" value="search" /></div>
</form>

images.zip [672 b] (cкачиваний: 408)
MD5: 4769987e3201ed8fa66c0679322e2308

Missing update?
Checkout our NULLED Web Community

Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных

-11

Просмотры: 10 085 :: Комментарии (17) :: :: Нужна помощь? Задайте вопрос на форуме ::

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Baronbek

5 июня 2012 18:00
Регистрация: 16.10.2011

Был(а) онлайн: 11.03.2018
Комментариев: 15

хотя бы рисунок (скриншот) добавьте...

#2Tonchi

5 июня 2012 18:32
Регистрация: 13.04.2011

Был(а) онлайн: 3.06.2020
Комментариев: 129

-1

и в чем этот поиск отличается от оригинального?

#3serforall

5 июня 2012 19:30
Регистрация: 6.12.2011

Был(а) онлайн: 14.02.2016
Комментариев: 204

в чем красота этого поиска?

--------------------

http://nowonline.ru/

#4SevenGraff

5 июня 2012 21:34
Регистрация: 9.02.2011

Был(а) онлайн: 8.05.2024
Комментариев: 45

Демо тут cinemahdfree.net

--------------------

zebraak.ru

#5gugle

5 июня 2012 22:45
Регистрация: 1.04.2012

Был(а) онлайн: 14.02.2013
Комментариев: 31

а что в нем оригинального?! Обычное CSS. Я видал на одном из сайтов форму поиска закреплённой за нижней границей браузера. Вот это оригинальность!

#6xom9k_off

6 июня 2012 00:38
Регистрация: 29.11.2009

Был(а) онлайн: 18.09.2012
Комментариев: 238

-2

Многое УГ видел, но чтобы такое. Допилите его сначала.

#7webbster

6 июня 2012 00:59
Регистрация: 20.11.2011

Был(а) онлайн: 13.10.2021
Комментариев: 101

-4

Он даже у них на сайте работает не корректно rofl

#8celsoft

6 июня 2012 05:44
Регистрация: 18.09.2010

Был(а) онлайн: 27.02.2024
Комментариев: 345

Что за бред?
Провеб вообще в помойку превратился уже. Давайте будем выкладывать свои менюшки и т.д.?
Чувствую щас вообще пи*дец начнётся. Лето...

--------------------

#9SevenGraff

6 июня 2012 20:10
Регистрация: 9.02.2011

Был(а) онлайн: 8.05.2024
Комментариев: 45

Вот еще дополнительно в css >цвет кнопки поиска

#mod-finder-searchform button.finder {
background-color: #5ca424;
}

--------------------

zebraak.ru

#10Immersive

6 июня 2012 20:33
Регистрация: 2.08.2011

Был(а) онлайн: 30.05.2013
Комментариев: 99

celsoft,
biggrin

#11Defender

6 июня 2012 22:02
Регистрация: 22.09.2011

Был(а) онлайн: 29.09.2015
Комментариев: 51

Полностью солидарен с celsoft'ом!

#12RaF-HT

6 июня 2012 22:52
Регистрация: 4.06.2011

Был(а) онлайн: 11.02.2022
Комментариев: 131

celsoft,
+100500

#13RooTM

6 июня 2012 23:06
Регистрация: 29.10.2010

Был(а) онлайн: 29.10.2022
Комментариев: 287

Цитата: celsoft

Что за бред? Провеб вообще в помойку превратился уже. Давайте будем выкладывать свои менюшки и т.д.?Чувствую щас вообще пи*дец начнётся. Лето...

срочно нужен раздел "Скрипты для ~~uCoz~~ DLE" где будут публиковать html и css код и называть это скрипты good

#14xoxa99

7 июня 2012 19:15
Регистрация: 15.01.2011

Был(а) онлайн: 12.03.2022
Комментариев: 87

я так понял, подсветка при помощи css, как у твиттера поля ввода?

--------------------

старичок пошли на пикничок

#15SevenGraff

7 июня 2012 19:40
Регистрация: 9.02.2011

Был(а) онлайн: 8.05.2024
Комментариев: 45

xoxa99,
Да, но тут без подсветки
вот код подсветки css

form select, form input[ENGINE=file] {
  height: 27px;
  line-height: 27px;
}
form textarea {
  height: auto;
}
form .uneditable-input {
  background-color: #eee;
  display: block;
  border-color: #ccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
form :-moz-placeholder {
  color: #bfbfbf;
}
form ::-webkit-input-placeholder {
  color: #bfbfbf;
}
form input[type=text],
form input[type=password],
form select,
form textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
form input[type=text]:focus, form input[type=password]:focus, form textarea:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);

--------------------

zebraak.ru