Поиск по сайту на Народ ру с собственным дизайном
Для того чтобы создать форму поиска по сайту на Народ ру с собственным дизайном, нужно:
1. Зайти в свою мастерскую на Народ ру в раздел поиск по сайту
2. Выбрать себе вариант поиска и скопировать код (я взял второй вариант с низа, с ним и буду эксперементировать)
Код поиска выглядит так:
<form action=http://narod.yandex.ru/cgi-bin/yandsearch>
<input type=hidden name=user value=altsup>
Найти: <input name=text>
<input type=radio name=where value=2 checked> на altsup.narod.ru
<input type=radio name=where value=0> на Народ.Ру
<input type=radio name=where value=1> на Яндексе
<input type=submit value=Искать!>
</form>
|
Для того чтобы поиск происходил только по Вашему сайту убираем из кода поиска следующие строчки:
<input type=radio name=where value=0> на Народ.Ру
<input type=radio name=where value=1> на Яндексе
|
Добавляем в строчку
<input type=radio name=where value=2 checked> на altsup.narod.ru
|
Параметр type=hidden для того чтобы скрыть поле, убираем текст type=radio (убираем радиокнопку) checked и на altsup.narod.ru
Теперь код должен выглядеть так:
<form action=http://narod.yandex.ru/cgi-bin/yandsearch>
<input type=hidden name=user value=altsup>
Найти: <input name=text>
<input name=where value=2 type=hidden>
<input type=submit value=Искать!>
</form>
|
Сейчас результаты поиска показываются на одной странице с формой поиска, для того чтобы результаты поиска открывались в новом окне нужно добавить
в строчку перед закрывающим знаком > следующее: target=_blank
<form action=http://narod.yandex.ru/cgi-bin/yandsearch>
|
Теперь строка должна выглядеть так:
<form action=http://narod.yandex.ru/cgi-bin/yandsearch target=_blank>
|
Форма поиска по сайту готова. Теперь поэксперементируем немного с дизайном формы.
Для этого добавим после тэгов <title> и </title> следующее:
<style>
.inputtext {border: 1px solid #6F718E;font-family: Arial;font-size: 10px; background-color: #575A7B; color: #FFFF00;}
.button{color : Black; background-color : White; border : 1px solid #000000; width : 80px; height: 18px; font-family : Arial; font-size : 10px; font-weight : bold; text-align : center;}
</style>
|
Теперь в строку
Добавляем class=inputtext
А в строку
|
<input type=submit value=Искать!>
|
Добавляем class=button
Теперь код формы должен выглядеть так:
<form action=http://narod.yandex.ru/cgi-bin/yandsearch>
<input type=hidden name=user value=altsup>
Найти: <input name=text class=inputtext>
<input name=where value=2 type=hidden>
<input type=submit value=Искать! class=button>
</form>
|
Смотри что получилось, если всё верно форма должна выглядеть так:
Если возникнут вопросы, задавайте их через форму отправки вопросов.
