Yahoo!マルチ検索ＢＯＸにサイト内検索を加える



Yahoo!マルチ検索は便利な検索ボックスですが、さらにサイト内検索の機能も加えてみました。
＜input name="vs" type="submit" value="●●●"＞を構文の中の＜/form＞の直前に加えるだけです。●●●はドメインです。（例）http://www.yahoo.co.jpのときは　www.yahoo.co.jp　のように記入します。

Ｇｏｏｇｌｅ検索ＢＯＸは一般によく使われていますが、Ｙａｈｏｏ！にも検索ＢＯＸがあります。左のページリンクで取得できます。
chachai.com運営日記でも採用させていただきました。
でも思い通りの大きさや位置に貼りつけるのは、慣れていないと大変です。
ブログなどで当サイトのように貼りつけたい方はご利用ください。



指定タグをそのまま貼り付けると


Ｇｏｏｇｌｅ検索ボックスとデザインはそっくりなんですが、、、
なんだか変？このサイトのＣＳＳまで反映されています。
スタイルシートに慣れていない人には扱いずらいかもしれない。
でも基本的コードスタイルはまったく同じです。Ｃｈａｃｈａｉ運営日記ではドメイン内検索仕様の検索ＢＯＸのコードを以下のように改造しています。
<!-- Begin Yahoo Search Form --><div style="margin:0;padding:0;font-size:14pt;border:none;background-color:#FFF;"><form action="http://search.yahoo.co.jp/search" method="get" style="margin:0;padding:0;"><p style="margin:0;padding:0;"><a href="http://search.yahoo.co.jp/"><img src="http://i.yimg.jp/images/search/guide/searchbox/ysearch_logo_110_22.gif" alt="Yahoo!検索" style="border:none;vertical-align:middle;padding:0;border:0;"></a><input type="text" name="p" size="27" style="margin:0 3px;width:40%;"><input type="hidden" name="fr" value="yssw" style="display:none;"><input type="hidden" name="ei" value="euc-jp" style="display:none;"><input type="submit" value="検索" style="margin:0;"></p><font size="-1"><input name="vs" type="radio" value="" checked="checked" >Web<input name="vs" type="radio" value="chachai.com">http://chachai.com</font></form></div><!-- End Yahoo! Search Form -->
この中でchachai.comと記述された所が２箇所あります。これをあなたのサイト名にすれば完成。

次は位置ですＣｈａｃｈａｉのように右上に配置したい人は以下の構文をｃｓｓファイルに書き加えてください。
/*ヤフー検索の位置---------------------------------------------------------*/#yst { position:absolute;left:461px; top:11px;visibility:visible;}



ＨＴＭＬの本文は以下のように記述します。<div id="yst"><!-- Begin Yahoo Search Form -->改造した検索ＢＯＸの構文<!-- End Yahoo! Search Form --></div>