検索周りの調整
サイドメニューの検索周りを自分好みに調整
[補足]
私は普段WindowsXP＋IE6を使用していますがクラシックモードにしています。
ボタン表示が昔風ですが全体的に落ち着いているので好きです。
- タイトル「検索」を隠す。
- 「このサイトの検索」文字を「サイト内検索」に。
- 記入するINPUTの枠を短く。
- 「検索」ボタンをINPUT右に持ってきて表示を「GO」に。
- 色、パディング、上下位置
■メインページ側
<h2 id= "kensaku">検索</h2>
<div class="link-note">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">サイト内検索</label><br />
<input id="search" name="search" />
<input type="submit" value="GO" id="go" />
</form>
</div>
■スタイルシート側に書き足し
.sidebar h2#kensaku {
display: none;
}
.sidebar input#search {
border: solid 1px #666666;
width: 100px;
vertical-align: middle;
padding: 2px 3px;
}
.sidebar input#go {
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
background-color: #D4D0C8;
border: solid 1px #404040;
vertical-align: middle;
}
h2のdisplayをnoneにするとよくない…かしら…？
[2005.10.22追記]
.sidebar input#goに
cursor: hand;
も追加。
FirefoxやNNには適用されないようですが。
[2005.11.17追記]
h2のdisplayをnoneするよりは
text-indent:-9999px;
などで隠した方がいいかもしれません
（ でもこれもSEOを考慮されている方は避けた方がいいかな？ ）
コメント