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

Мы в твиттере Наша страничка на FaceBook! Сообщество вебмастеров в VK Мы в телеграме!

PW — всё для вебмастера » Всё для DataLife Engine » DLE хаки » Красивый поиск для сайта.

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

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

добавляем это в самый низ 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>
<!-- -->


Z images.zip Размер: 672 b, скачали 375 раз





-10

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

#1Baronbek

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

+2

#2Tonchi

  • 5 июня 2012 18:32
  • Регистрация: 13.04.2011
  • ICQ: --
  • Комментариев: 129
  • Выкл.
и в чем этот поиск отличается от оригинального?

-1

#3serforall

  • 5 июня 2012 19:30
  • Регистрация: 6.12.2011
  • ICQ: --
  • Комментариев: 204
  • Выкл.
в чем красота этого поиска?

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

+1

#4SevenGraff

  • 5 июня 2012 21:34
  • Регистрация: 9.02.2011
  • ICQ: --
  • Комментариев: 43

Демо тут cinemahdfree.net

+3

#5gugle

  • 5 июня 2012 22:45
  • Регистрация: 1.04.2012
  • ICQ: --
  • Комментариев: 31
а что в нем оригинального?! Обычное CSS. Я видал на одном из сайтов форму поиска закреплённой за нижней границей браузера. Вот это оригинальность!

0

#6xom9k_off

  • 6 июня 2012 00:38
  • Регистрация: 29.11.2009
  • ICQ: --
  • Комментариев: 238
Многое УГ видел, но чтобы такое. Допилите его сначала.

-2

#7webbster

  • 6 июня 2012 00:59
  • Регистрация: 20.11.2011
  • ICQ: 626437020
  • Комментариев: 101
  • Выкл.
Он даже у них на сайте работает не корректно rofl

-4

#8celsoft

  • 6 июня 2012 05:44
  • Регистрация: 18.09.2010
  • ICQ: 424512512
  • Комментариев: 344
Что за бред?
Провеб вообще в помойку превратился уже. Давайте будем выкладывать свои менюшки и т.д.?
Чувствую щас вообще пи*дец начнётся. Лето...

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

+4

#9serGUCCI

  • 6 июня 2012 10:30
  • Регистрация: 11.09.2010
  • ICQ: --
  • Комментариев: 466
  • Выкл.
А в чем фишка этого поиска?

-2

#10SevenGraff

  • 6 июня 2012 20:10
  • Регистрация: 9.02.2011
  • ICQ: --
  • Комментариев: 43
Вот еще дополнительно в css >цвет кнопки поиска

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


+2

#11Immersive

  • 6 июня 2012 20:33
  • Регистрация: 2.08.2011
  • ICQ: 2714440
  • Комментариев: 99
celsoft,
biggrin


0

#12Defender

  • 6 июня 2012 22:02
  • Регистрация: 22.09.2011
  • ICQ: 1968519
  • Комментариев: 51
Полностью солидарен с celsoft'ом!

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

0

#13RaF-HT

  • 6 июня 2012 22:52
  • Регистрация: 4.06.2011
  • ICQ: 753569
  • Комментариев: 131
celsoft,
+100500

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

0

#14RooTM

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

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

+7

#15xoxa99

  • 7 июня 2012 19:15
  • Регистрация: 15.01.2011
  • ICQ: 2199133
  • Комментариев: 79
  • Выкл.
я так понял, подсветка при помощи css, как у твиттера поля ввода?

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

0

#16SevenGraff

  • 7 июня 2012 19:40
  • Регистрация: 9.02.2011
  • ICQ: --
  • Комментариев: 43
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);

0

#17planeta

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

0

#18serforall

  • 8 января 2013 19:40
  • Регистрация: 6.12.2011
  • ICQ: --
  • Комментариев: 204
  • Выкл.
бред полнейший, зачем это вообще добавлять сюда?

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

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

SkripTers.biz - Снова с вами

https://culabra.ru — Блог вЭбмастЭра

DCOReARTs.COM - Услуги веб-дизайна и графики

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Наши баннеры
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Нужна ли категория "Интернет магазины"?

Да
Нет

Архив новостей
Апрель 2018 (295)
Март 2018 (498)
Февраль 2018 (410)
Январь 2018 (141)
Декабрь 2017 (27)
Ноябрь 2017 (7)

Последние комментарии:

  • Hosting Ukraine
  • Яндекс.Метрика

Искать людей

Ваши переписки