スタイルシート備忘録 Vol.5（ユーザー内検索機能、イイ♪）

この記事は、ユーザー内検索機能を追加いたしました！について書いています。


ブログ画面のサイドメニュー内に「ユーザー検索」が昨日から追加されてますね。
カテゴリー分けしているとはいえ昔のブログを探すのにエラい苦労することしばしば・・・・
コレは便利に使えそうです。


で、白くて味気ないので早速簡単なカスタマイズｗｗ
検索ワード入力の背景、「検索」ボタンをブログのテーマカラーにしてみました！

スタイルシート→詳細編集→サイドメニュー

「ユーザー検索ボックス div#BodyBlockSide .searchBox」
background:#○○○○○○;
font-weight:bold;

「ユーザー検索ボタン div#BodyBlockSide .searchButton」
background-color:#○○○○○○;

○のカラーコードの選択はコチラ



また私のブログのサイドメニューは横幅190pxだったのですが
「検索」ボタンが改行されて2段になってしまったので横幅220pxに変更（同時にブログ幅は10px狭小化）
スタイルシート→詳細編集→コンテンツ共通

「コンテンツ表示 div.contents」（ブログ幅）
width:750px;→width:740px;

スタイルシート→詳細編集→サイドメニュー
「サイドメニュー領域 div.SideMenu」（サイドメニュー幅）
width:190px;→width:220px;