« Google WebSearch、張り直しが必要 | トップページ | F900iT »

2004.06.19

Google WebSearch のカスタマイズ

というわけで、サイドバーに収まるように調整し、黒バックでも使える画像(http://www.google.com/logos/Logo_25blk.gif)を見つけ出して差し替えてみました。

こんな感じ。

<!-- SiteSearch Google -->
<div class="SiteSearch">
<form method=get action="http://www.google.co.jp/custom"><table bgcolor="#000000"><tr><td nowrap="nowrap" valign="top" align="left" height="32"><a href="http://www.google.com/"><img src="http://www.google.com/logos/Logo_25blk.gif" style="border:none" alt="google"></a></td></tr><tr><td><input type=hidden name=domains value="http://tiger.air-nifty.com/"><input type="text" name="q" size="20" maxlength="255" value=""></td></tr><tr><td><font size="-1" style="color:white"><input type=radio name=sitesearch value=""> Web全体<input type=radio name=sitesearch value="http://tiger.air-nifty.com" checked>あそびや<br/></font><input type=hidden name=client value="pub-1439211279801289"><input type=hidden name=forid value="1"><input type=hidden name=ie value="UTF-8"><input type=hidden name=oe value="UTF-8"><input type=hidden name=cof value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:000000;LC:000000;T:0000FF;GFNT:0000FF;GIMP:0000FF;FORID:1;"><input type=hidden name=hl value="ja"></td></tr><tr><td><input type=submit name=sa value="検索"></td></tr></table></form>
</div>
  • 大文字のタグは小文字に
  • 「'」は「"」に
  • 極力、改行は除く
  • 200pxに収まるように多少の配置変えと入力幅の変更
  • サイト名をURLではなく名称に
  • イメージロゴのボーダーを消すのは border="0" ではなく、style="border:none" に変更
  • xhtml にガシガシには合わせていません。例えば img の閉じるところを /> にしてないとか (^^;

実際には、更に a に対する css の調整も行っていますが、これは「あそびや」特有のものなのでカット (^^;

|

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/795/796669

この記事へのトラックバック一覧です: Google WebSearch のカスタマイズ:

» Google WebSearch とりあえずなんとか [ぶろろグ]
 Google WebSearchのサブタイトル部分への設置がなんとか終了しました。あそびをせんとやうまれけむのGoogle WebSearch のカスタマイズ... [続きを読む]

受信: 2004.06.20 20:17

» Google窓 [ぶろろグ]
 Google WebSearchは長いので、今後Google窓と呼ぶ事にしました。Tigerさんからコメントいただいて、なんとソースの解析までしていただきまし... [続きを読む]

受信: 2004.06.21 00:25

コメント

コメントを書く