サイドメニューに 「ユーザー内検索」 が追加されたのでそれの変更のやり方。
入力フォームの変え方
スタイルシート詳細編集の
[サイドメニュー] に
「ユーザー検索ボックス div#BodyBlockSide .searchBox」
が追加されたのでそこにそれぞれ追加を。
・縦幅変更
height:
25px;
25px で幅指定。
横幅はブラウザによって変わってしまうので変更しないほうがいいです。
・入力文字色変更
color:
black;
・ボックス内の色変更
background-color:
skyblue;
・ボックスの枠色変更
border:solid
2px blue;
2px で枠の太さ
solid は枠の形式。
他に
dotted dashed groove ridge double inset outset
がありますが見た感じは solid がいいみたいです。
・ボックス内の画像背景
background:
white url(
http://carview- ~ .jpg) no-repeat;
黄色のアドレスで画像を。
画像を入れる場合は 「ボックス内の色変更」 は追加しないで
赤色の white で色変更。
画像を右寄せにする場合は no-repeat の後ろに right を追加。
~) no-repeat right;
色は
カラー1、
カラー2で参考にしてください。
※カラー1は Windows と Macintosh の共通の216色です。
検索ボタンの変え方
「ユーザー検索ボタン div#BodyBlockSide .searchButton」 にそれぞれ追加を。
・縦幅変更
height:
25px;
25px で幅指定。
入力フォームより 6 プラスぐらいがいいです。
・検索文字色変更
color:
black;
・ボタンの色変更
background-color:
skyblue;
・ボタンの枠色変更
border:solid
2px blue;
2px で枠の太さ
solid は枠の形式。
他に
dotted dashed groove ridge double inset outset
がありますが見た感じは solid がいいみたいです。
色は
カラー1、
カラー2で参考にしてください。
※カラー1は Windows と Macintosh の共通の216色です。
Posted at 2010/05/24 20:41:36 | |
スタイルシート | 日記