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

1308
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 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Последние темы
    Опрос
    466
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 1
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: