スクロールバー(IEのみ) | ランのカスタマイズ日記

スクロールバー(IEのみ)





■ スクロールバー(IEのみ)

★ IEで右側と下のスクロールバーの色を設定します。


★ フリープラグインに設定したい場合

<style type="text/css">
<!--html, body {
scrollbar-face-color:pink;
scrollbar-highlight-color: black;
scrollbar-shadow-color: yellow;
scrollbar-3dlight-color: blue;
scrollbar-arrow-color: red;
scrollbar-track-color: green;
scrollbar-darkshadow-color: white;}
--></style>



★ CSSに設定したい場合

html,body{
scrollbar-face-color:pink;
scrollbar-highlight-color: black;
scrollbar-shadow-color: yellow;
scrollbar-3dlight-color: blue;
scrollbar-arrow-color: red;
scrollbar-track-color: green;
scrollbar-darkshadow-color: white;
}


★上記CSSに先頭に<style type="text/css">、最後尾に</style>を追加して、
フリープラグインへ追加しても可能です。
<style type="text/css"> ~CSS内容~ </style>
フリースペースにも入れることが可能です(但し、改行を除いて下さい。)




★ スクロールバーを簡単にデザインしたい場合、下記を使うと良いです。
(Internet Explorer 5.5 以上の場合、実際にスクロールバー各部の色がリアルタイムに変わり、
同時に CSS ソースが表示されます。)

IE 5.5 スクロールバー色 CSS 設定ページ


また、あなたのブラウザ/バージョンは?というリンクがあるので、
そこをクリックすると自分の使っているブラウザなどの情報が得られます。


◆ また、メッセージボードや記事など各箇所にスクロールバーを指定
 した場合、個別に、スクロールバーの設定が可能です。

◆ 下記はメッセージボードのスクロールの記事です

http://ameblo.jp/new-bulue9/entry-10477584069.html#Top