Приветствуем Вас на сайте Best Studio!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на Best Studio, вы можете создать его потратив не более 30-ти секунд используя форму справа с заголовком "Регистрация"
Вход на сайт
Логин:

Пароль:
Вход
Регистрация
Логин:

Пароль:

Email:
Регистрация
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Перезагрузите страницу
Профиль
Сообщения
Опции темы
Я настройка

Страница 1 из 11
Модератор форума: feapir 
Форум » Java » Скрипты » новый сталкерский поиск
новый сталкерский поиск
slaer
В профиль
Написать сообщение
1
01.01.2012    21:43
Группа: Житель
Статус: Offline
Сообщений: 942
Карма: 369


Этот код ставим в том место где хотим его видеть поиск

Code
<form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" > <input class="poick_pole"type="text" name="q" maxlength="30" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/><input class="poick_knopka" type="submit" value="Найти" /><input type="hidden" name="t" value="0" /> </form>
</left>


Это ставим CSS (лучше вниз)

Code
/* Форма поиска  
  ------------------------------------------*/  
  .poick_os {   
   float:right;  
  }   

  .poick_os input {  
   vertical-align:middle;  
  }  

  .poick_pole {  
   font:11px Verdana,Arial,Helvetica,sans-serif;  
   color:#a7a7a7; text-shadow: 1px 1px 1px #252525;  
   height:22px;  
   width:230px;
   margin:0;  
   padding:4px;  
   background-image: url("http://st-zona.ru/img/News_ZP.gif");
   border: 1px solid #252525;  
   border-right: none;  
  }  
     
  .poick_pole:focus {  
  background-image: url("http://st-zona.ru/img/News_ZP.gif");
  }   
     
  .poick_knopka {  
   font:11px Verdana,Arial,Helvetica,sans-serif;  
   color:#a7a7a7; text-shadow: 1px 1px 1px #252525;  
   height:32px;  
   margin:0;  
   padding:0 7px;  
  background-image: url("http://st-zona.ru/new/bg-news.gif");
   border:1px solid #252525;  
  }  
     
  .poick_knopka:hover {  
   background-image: url("http://st-zona.ru/new/bg-news.gif");
   }


Если хотите можете по экпериментировать со своими картинками :)

Автор: st-zona.ru
Форум » Java » Скрипты » новый сталкерский поиск
Страница 1 из 11
Поиск: