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


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

1218
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 25
Скрипты и модификации для Ucoz 2107
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 430
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • Спасибо... А вот насчет "Но вот баги" можно поконкретнее???
  • CbIPoK2513 написал:
  • Интересная задумка и реализация.. Но вот баги.. А так хорошо.
  • LeKcUs написал:
  • Запомни раз и на всегда... Все файлы ВСЕ с окончанием .swf пишутся в Adobe Flash. Я лично пишу в Adobe Flash CS6 cool Я скоро выложу новый шаблон более интересный...
  • Winston888 написал:
  • Я с флешь не сталкивался поэтому интересно файл main.swf ты сам писал ? Если да то через что ?
  • LeKcUs написал:
  • Я думаю что следующая версия будет по дизайну лучше! Ждите.... cool
    Последние темы
    Опрос
    216
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 4
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: