Плавающий поиск by Sykyba


Плавающий поиск by Sykyba

1215
6.6 из 10
Проголосовало: 9





Очередной скрипт в моем стиле . Красивый плавающий поиск с прозрачностью .

Установка :

В ваш CSS Вставляем этот код:

Code
.bg_form {  
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://testkillerok.3dn.ru/images/bg_form.png");
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: auto;
float: right;
height: 80px;
margin-bottom: 0px;
margin-left: 720px;
margin-right: 32px;
margin-top: 10px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
width: 352px;  
  }
  .bg_form .search {  
margin-bottom: 0px;
margin-left: 25px;
margin-right: 0px;
margin-top: 22px;
overflow-x: hidden;
overflow-y: hidden;
  }
  .search_subm {  
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://xtreminfo.ru/img/submit_b.png");
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: auto;
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: medium;
border-left-color: currentColor;
border-left-style: none;
border-left-width: medium;
border-right-color: currentColor;
border-right-style: none;
border-right-width: medium;
border-top-color: currentColor;
border-top-style: none;
border-top-width: medium;
float: left;
height: 33px;
outline-style: none;
outline-width: medium;
width: 60px;
  }
  .search_fill {  
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://xtreminfo.ru/img/search_inp.png");
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: auto;
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: medium;
border-left-color: currentColor;
border-left-style: none;
border-left-width: medium;
border-right-color: currentColor;
border-right-style: none;
border-right-width: medium;
border-top-color: currentColor;
border-top-style: none;
border-top-width: medium;
color: #979797;
float: left;
height: 33px;
outline-style: none;
outline-width: medium;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 35px;
padding-top: 0px;
text-shadow: 1px 1px;
width: 246px;
  }


В любое место сайта этот код :

Code

<div style="position:fixed;opacity:0.6;">
<div class="bg_form">
  <div class="search">
  <form onSubmit="this.sfSbm.disabled=true" method="get" action="/search/" class="hsearch">
  <input name="sfSbm" value=" " type="submit" class="search_subm">
  <input name="q" type="text" class="search_fill" value="введите то,что вы хотите найти..." name="user" onclick="if(this.value=='введите то,что вы хотите найти...')this.value=''" onblur="if(this.value=='')this.value='введите то,что вы хотите найти...'">
  </form>
<div style="display:none;"><a href="http://xtreminfo.ru/" alt="Torrent tracker , Online films"></div>
  </div>
  </div>
</div>


Инструкция :

Как передвинуть поиск ? - В этом заголовке .bg_form замените значение margin-left: 720px; (+ - к значению , передвинуть в право ; - - от значения , передвинуть в лево .)

Предупреждение : в скрипте присутствует невидимая ссылка автора .(Кто не жадный оставит XD)

При копировании материала указывайте автора : Sykyba
Автор публикации: Загрузка
Загрузка
BlackPh, это его n материал
  • Всего комментариев: 7

BlackPh
0
BlackPh написал: Написано 03 Декабря 2011 в 19:35
Комментарий №5
LipIs, найди
Code
<div style="position:fixed;opacity:0.6;">
и замени position:fixed; на position:absolute; а потом настрой его размещение .

LipIs
+2
LipIs написал: Написано 03 Декабря 2011 в 17:47
Комментарий №4
А как сделать, чтоб он не двигался за экраном, а просто стоял в определенном месте сайта?

Dions
-7
Dions написал: Написано 03 Декабря 2011 в 15:51
Комментарий №3
Супер вещь. Взял. Кинул плюс в репу.

FAKIR
+1
FAKIR написал: Написано 03 Декабря 2011 в 09:34
Комментарий №2
Беру!! Спс!!!

BlackPh
0
BlackPh написал: Написано 02 Декабря 2011 в 23:42
Комментарий №1
Видимо никому не нравиться .

Voker
0
Voker написал: Написано 04 Декабря 2011 в 01:30
Комментарий №6
чего не нравиться прикольная вещь судя по скрину ток она мне например не нужна!
Code
<div style="display:none;"><a href="http://xtreminfo.ru/" alt="Torrent tracker , Online films"></div>

закодировал хотя бы эту рекламу biggrin

BlackPh
0
BlackPh написал: Написано 09 Декабря 2011 в 00:07
Комментарий №7
XD Я там чето удалял и это случайно захватил XD

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 7
    Гостей: 5
    Пользователей: 2
    0
    Сегодня были
    Топ пользователей: