Баннер/Объявление:

Игры, Фильмы, Программы, Музыка по заявкам - тут
Новая раздача ICQ 7* знаков от Bigtorrento! Подробности тут - Forum BG

 
Меню сайта
Мини-чат
200
Наш опрос

Как лучше добавлять скрипты


Форма входа
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: EKO  
Красивый вид поиска для uCoz
EKOДата: Воскресенье, 21.11.2010, 18:10 | Сообщение # 1
Генерал-майор
Зарегистрирован: 11.09.2010
Группа: Пользователь
Пользователь №: 1
Сообщений: 269
Репутация: 32767
Статус: Offline
Красивый вид поиска для uCoz

Здравствуйте, сегодня я расскажу вам, как сделать вот такой простой поиск для UCOZ. Для этого нам потребуются следующие картинки…

- картинка 1
- картинка 2

Картинки сохранить -первую под именем: search_fon.png, ворую go.png - и заливать в Файловый менеджер своего сайта.

Далее идем в Стили CSS и вставляем туда следующий код:

Code

#search {  
width:317px;  
height:37px;  
float:left;  
}  

.search_fon {  
color:#777777;  
background: url(/search_fon.png) no-repeat;  
border:none;  
position:absolute;  
width:262px;  
font-weight:none;  
padding:11px 0 10px 15px;  
margin:0;  
}

Далее идем в то место, где будет стоять наш поиск и вставляем следующее :

Code
<div style=»padding:55px 0 0 20px;»><form onsubmit=»document.getElementById(‘sfSbm’).disabled=true» method=»get» action=»/search»><input name=»q» type=»text» value=»Поиск по сайту…» onkeyup=»ch();» onfocus=»this.value=»;» /><input style=»padding-left:262px» type=»image» src=»/go.png» title=»Начать поиск» alt=»Найти» /><input name=»a» value=»14″ type=»hidden»></form>  
</div>

Вот и все, поиск готов к работе.
Автор: Vladon



 
  • Страница 1 из 1
  • 1
Поиск: