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

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Всё для вебмастера » Всё для 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, скачали 367 раз


-10
Просмотры: 7189 VIP ProWebber | Комментарии (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: --
  • Комментариев: 205
  • Выкл.
в чем красота этого поиска?

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

+1

#4SevenGraff

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

Демо тут 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
  • Комментариев: 102
  • Выкл.
Он даже у них на сайте работает не корректно rofl

-4

#8celsoft

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

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

+4

#9serGUCCI

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

-2

#10SevenGraff

  • 6 июня 2012 20:10
  • Регистрация: 9.02.2011
  • ICQ: --
  • Комментариев: 41
Вот еще дополнительно в 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
  • Комментариев: 80
  • Выкл.
я так понял, подсветка при помощи css, как у твиттера поля ввода?

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

0

#16SevenGraff

  • 7 июня 2012 19:40
  • Регистрация: 9.02.2011
  • ICQ: --
  • Комментариев: 41
xoxa99,
Да, но тут без подсветки
вот код подсветки css

form select, form input[type=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: --
  • Комментариев: 205
  • Выкл.
бред полнейший, зачем это вообще добавлять сюда?

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

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

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

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

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

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