パソコンを便利に！！

以前、最近の記事一覧の下に Google カスタム検索 を使ったブログ内検索を、設置
したのですが、その時から１年近く経っているので、デザインとか新しくなっているかも
しれないと思って、見にいってみました。

すると、ボタンとか検索ボックスとかは、たいして変わっていないようですが、検索結果
を表示するときのデザインに「オーバーレイ」というのが増えていました。

「オーバーレイ」って何？、と思いましたが、カッコよさそうなので、さっそく設置する
ことにしました。
やってみると、検索結果が画面の中央に浮かび上がる感じで表示されます。
（やはり、カッコイイ(^^)v）

でも、ちょっと問題が発生(^_^;
こんな風に青い線が出てしまいました。


以前のブログ内検索も、このような青い線は出ていて、あまり気にならなかったの
ですが、今回は検索ボックスのところに少しズレた状態で表示されてしまい、かなり
不細工です

それで、この青い線が、どこでどのように表示するように指示されているのか調べて
みると、スタイルシートにそれらしい部分がありました。

#content table {
    border-top:1px solid #4D7AE0;
    border-right:1px solid #4D7AE0;
}
#content table td {
    border-bottom:1px solid #4D7AE0;
    border-left:1px solid #4D7AE0;
    padding: 4px;
}

この「#4D7AE0」が青色なので、周囲と同じ色の「#FFFFCC」に変更してみました。

すると、青い線は消えたのですが、下のように検索ボックスの枠が一部欠けて
しまいました。（赤い矢印のところ）


青い線を、周囲の色の線に変えただけなので、あたりまえと言えばあたりまえ。

でも、あまり目立たないので、そのままにしておこうと思っていたのですが、１日経った
今日、ちょっとひらめいて、線の太さ「1px」を「0px」に・・・。
うまく線を消すことができました。


Google カスタム検索 を使ったブログ内検索を、新しくしてよかったことがもうひとつ。
以前は、ボタンの色とか、背景色とかをカスタマイズすると、コードがやたらと長く
なっていたのですが、今のGoogle カスタム検索のコードは、ずいぶん短くなっていて
１３行でした。
（以前のものは、５０行くらいあったような気がします）


※　4月16日追記

15日の夜から16日朝にかけて、トラックバックスパムが付くようになりました。
ブログの設定では、スパムフィルターは有効にしてあるので、このGoogle カスタム検索
が原因とも考えられます。
原因はファンブログ側の障害かもしれませんが、念のため、Google カスタム検索の
設置は、少し待った方がいいと思います。


※　4月17日追記

他の方もスパムが付いているようですので、トラックバックスパムが付くようになった
ことと、Google カスタム検索は、関係なさそうです。