По дизайн и цветовой гамме поиск по сайту на конструктор юкоз подойдет как на тематику сталкер, так и на темный дизайн.
Ставим там где хотим видеть поиск:
Код
<form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/"> <input class="poick_pole" type="text" name="q" maxlength="30" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"><input class="poick_knopka" type="submit" value="Найти"><input type="hidden" name="t" value="0"> </form>
Это ставим в CSS стили:
Код
/* Форма поиска
------------------------------------------*/
.poick_os {
float:right;
}
.poick_os input {
vertical-align:middle;
}
.poick_pole {
font:11px Verdana,Arial,Helvetica,sans-serif;
color:#a7a7a7; text-shadow: 1px 1px 1px #252525;
height:22px;
width:230px;
margin:0;
padding:4px;
background-image: url("http://zornet.ru/Aben/ABGER/Ro2Zpl0.gif");
border: 1px solid #252525;
border-right: none;
}
.poick_pole:focus {
background-image: url("http://zornet.ru/Aben/ABGER/Ro2Zpl0.gif");
}
.poick_knopka {
font:11px Verdana,Arial,Helvetica,sans-serif;
color:#a7a7a7; text-shadow: 1px 1px 1px #252525;
height:32px;
margin:0;
padding:0 7px;
background-image: url("http://zornet.ru/Aben/ABGER/jdk5BLx.gif");
border:1px solid #252525;
}
.poick_knopka:hover {
background-image: url("http://zornet.ru/Aben/ABGER/jdk5BLx.gif");
}
