Ставим это в 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
http://iucoz.ru/other/vs2.gif
фон поиска,
кнопка поиска
Code
http://iucoz.ru/other/button.gif
Затем ставим этот код там, где хотим видеть поиск:
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>
ССЫЛКА НА САЙТ - естественно меняем на свой сайт.
А вот и сам фон поиска, о котором говорилось выше:
И сама кнопка:
Комментарии: