今回は６８回目です。
スクロールバーに好きな色を付けます。
スクロールバーに好きな色を付けます。
スクロールバーに色を付ける
| 今回の効果は、スクロールバーに好きな色を付けるというものです。 画面のなかで綺麗なデザインのＨＰを作っても、スクロールバーがグレーの色気のないものだとちょっと台無し・・・ということもあります。 そんな時、スクロールバーをデザインに合った色に変えることができれば、一層統一感のとれたＨＰになります。 最近はこの効果を使っているＨＰのだいぶ増えていますので、一度使ってみてはいかがでしょうか？ 今月も少しだけこの実験にお付き合い下さい。 |
 |
ポイント | scrollbar-base-color は、スクロールバーの一番下、薄いグリーンの部分の指定です。 scrollbar-3dlight-color は、四角の一番外側の上と左側、赤い部分の指定です。 scrollbar-arrow-color は、三角の矢印、白い部分の指定です。 scrollbar-darkshadow-color は、四角の一番外側の下と右側、黒い部分の指定です。 scrollbar-face-color は、四角の表面、グリーンの部分の指定です。 scrollbar-hightlight-color は、四角のふちの上と左側、白い部分の指定です。 scrollbar-shadow-color 、四角のふちの下と右側、黄色い部分の指定です。 |
|---|---|---|
 |
効果 | 各部分の指定の色がスクロールバーに反映されます。 |
 |
使い方 | 実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
| この効果はＩＥの６.０と、ネットスケープの７.０で確認しています。 Ｍａｃは確認していません。 この実験は、ＩＥ５.５以上でしか効果が出ません。 スクロールバーに色が付いていると綺麗ですが、あまり見にくい色遣いだと見る人がバーを掴みにくいので、使いやすさの点をよく考えた色遣いにした方がいいと思います。 ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
|
