Главная » Администрирование сайта » Работа со стилями (CSS) » Изменяем форму поиска

Изменяем форму поиска

26.12.2009 в 00:05
Автор: djekky

Понадобилось изменить вид формы? Это очень просто!
Форма поиска на uCoz выводится стандартным кодом $SearchForm$. Сейчас мы его немного настроим под свои нужды...
1. В шаблоне дизайна страницы "Поиск" находим вышеупомянутый код $SearchForm$.

2. Заменяем этот код другим кодом:

Code
<div class="searchForm">
<form onSubmit="this.sfSbm.disabled=true" method="post" style="margin:0px" action="http://site.ucoz.ru/news/">  
<input type="text" name="query" class="s_field" style="width:280px"/>  
<input type="submit" class="button" name="sfSbm" value="Поиск!"/>  
<input type="hidden" name="a" value="14" />  
</form>  
</div>

Где:
1. http://site.ucoz.ru/news/ - раздел поиска на вашем сайте, там где пользователи будут искать.
2. class="s_field" - стиль самой формы поиска.
3. style="width:280px" - длина формы поиска.
4. class="button" - стиль кнопки поиска.
5. value="Поиск!" - текст на кнопке поиска.

поиск по сайту, форма поиска


Рейтинг: -43  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 13051          Комментариев: 4
19.08.2013 в 20:45      0  

value=Поиск!" Не хватает ковычки
19.08.2013 в 22:34      0  

Здравствуйте, спасибо за замечание, исправлено.
25.01.2013 в 21:00      0  

То есть можно поменять только размер поля и кнопку!  Как можно сделать инпут БЕЛЫМ? В СиСС ни одно из упомянутых значений не прописано! Не помогают ни айди, присвоенные этому полю, ни импортант! Та же беда с формой обратной связи! Окна все жутко выглядят без цвета, как недоделанные. Я месяц ищу информацию, как это исправить! Хоть бери и айфреймь все с других серверов, ну что вы наделали, напишите фон изменить как, а не очевидные вещи!

Nieves

Спам
26.02.2012 в 14:23      +1  

And I thought I was the sesnbile one. Thanks for setting me straight.