Мы в твиттере Мы в телеграме!

Провеббер » 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


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


-11
Просмотры: 10 160 :: Комментарии (17) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Baronbek

  • 5 июня 2012 18:00
  • Регистрация: 16.10.2011
  • Был(а) онлайн: 11.03.2018
  • Комментариев: 15
  • +2
хотя бы рисунок (скриншот) добавьте...

#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
  • +1
в чем красота этого поиска?

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

#4SevenGraff

  • 5 июня 2012 21:34
  • Регистрация: 9.02.2011
  • Был(а) онлайн: 17.11.2024
  • Комментариев: 45
  • +3

Демо тут cinemahdfree.net

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

#5gugle

  • 5 июня 2012 22:45
  • Регистрация: 1.04.2012
  • Был(а) онлайн: 14.02.2013
  • Комментариев: 31
  • 0
а что в нем оригинального?! Обычное 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
  • Был(а) онлайн: 5.12.2024
  • Комментариев: 345
  • +4
Что за бред?
Провеб вообще в помойку превратился уже. Давайте будем выкладывать свои менюшки и т.д.?
Чувствую щас вообще пи*дец начнётся. Лето...

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

#9SevenGraff

  • 6 июня 2012 20:10
  • Регистрация: 9.02.2011
  • Был(а) онлайн: 17.11.2024
  • Комментариев: 45
  • +2
Вот еще дополнительно в css >цвет кнопки поиска

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


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

#10Immersive

  • 6 июня 2012 20:33
  • Регистрация: 2.08.2011
  • Был(а) онлайн: 30.05.2013
  • Комментариев: 99
  • 0
celsoft,
biggrin


#11Defender

  • 6 июня 2012 22:02
  • Регистрация: 22.09.2011
  • Был(а) онлайн: 29.09.2015
  • Комментариев: 51
  • 0
Полностью солидарен с celsoft'ом!

#12RaF-HT

  • 6 июня 2012 22:52
  • Регистрация: 4.06.2011
  • Был(а) онлайн: 11.02.2022
  • Комментариев: 131
  • 0
celsoft,
+100500

#13RooTM

  • 6 июня 2012 23:06
  • Регистрация: 29.10.2010
  • Был(а) онлайн: 29.10.2022
  • Комментариев: 287
  • +7
Цитата: celsoft
Что за бред? Провеб вообще в помойку превратился уже. Давайте будем выкладывать свои менюшки и т.д.?Чувствую щас вообще пи*дец начнётся. Лето...

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

#14xoxa99

  • 7 июня 2012 19:15
  • Регистрация: 15.01.2011
  • Был(а) онлайн: 12.03.2022
  • Комментариев: 87
  • 0
я так понял, подсветка при помощи css, как у твиттера поля ввода?

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

#15SevenGraff

  • 7 июня 2012 19:40
  • Регистрация: 9.02.2011
  • Был(а) онлайн: 17.11.2024
  • Комментариев: 45
  • 0
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);

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

#16planeta

  • 30 октября 2012 01:44
  • Регистрация: 30.05.2010
  • Был(а) онлайн: 16.02.2016
  • Комментариев: 23
  • 0
пипец )) выложите инструкцию, как поменять шаблон...
в чем красота то? зачем захламляете страницы провебба?

#17serforall

  • 8 января 2013 19:40
  • Регистрация: 6.12.2011
  • Был(а) онлайн: 14.02.2016
  • Комментариев: 204
  • 0
бред полнейший, зачем это вообще добавлять сюда?

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

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Декабрь 2024 (10)
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)