Для начало зайдём в панель управления > управление дизайном > таблица стилей (CSS).
И в любое место вставте данные классы CSS:
Code
.searchForm {float: right; width: 260px; position: relative; right: 65px; top: 22px;}
.schQuery {float: left; width: 205px;}
.schBtn {float: right; width: 50px;}
input.queryField {height: 22px; width: 205px; color: #515151; line-height: 22px; font-size: 10pt; background: url('http://iucoz.ru/other/vs2.gif') repeat-x; border-top: 1px solid #008bd4; border-left: 1px solid #008bd4; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
input.searchSbmFl {width: 48px; height: 16px; background: url('http://iucoz.ru/other/button.gif') no-repeat; color: #ffffff; border: none; font-size: 7pt; padding-bottom: 2px; position: relative; top: 3px;}
- кнопка входа, смотреть пример что выше всего текста.
- фон внутри поля ввода текста в поиск.
За тем в любое место вставьте данный код (где хотите видеть данный поиск):
Code
<div class="searchForm"><form onsubmit="this.sfSbm.disabled=true" method="post" style="margin:0px" action="ССЫЛКА НА САЙТ/news/"><div align="center" class="schQuery"><input type="text" name="query" maxlength="30" size="20" class="queryField" /></div><div align="center" class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти" /></div><input type="hidden" name="a" value="13" /></form></div>
