FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

スクロールバーの色を変える

スクロールバーの色を変えるカスタマイズを紹介します。スクロールバーとは画面右端にある、画面を上下させるためのバーです。


スタイルシートの何処でもいいので次の記述を加えます。

html {
scrollbar-base-color: #cc8080;
}

これだけで大まかな色の設定が出来るのですが、更に細かく細部の設定をすることも可能です。

html {
scrollbar-face-color: #cc8080; /* 表面の色 */
scrollbar-arrow-color: #000000; /* 矢印の色 */
scrollbar-3dlight-color: #990000; /* 外枠(上・左) */
scrollbar-darkshadow-color: #000000; /* 外枠(下・右) */
scrollbar-highlight-color: #ffffff; /* 内枠(上・左) */
scrollbar-shadow-color: #ffffff; /* 内枠(下・右) */
scrollbar-track-color: #ddc0c0; /* トラック(背景)の色 */
}

これでスクロールバーの色を設定することが出来ます。ただしIE系のブラウザしか有効になりません。
関連記事
[ 3147 ] 度々質問です。
スクロールバーの色を変えたいと思い
試行錯誤中なのですが、

<style type="text/css">
<!--
body{scrollbar-face-color:#fe96ad;scrollbar-highlight-color:white;
scrollbar-shadow-color:white;scrollbar-3dlight-color:#fe96ad;
scrollbar-arrow-color:white;scrollbar-track-color:white;scrollbar-darkshadow-color:#fe96ad;}
-->
</STYLE>

をスタイルシート部分にいれると
スクロールバーは正常表示されるのですが
3カラム目のみ右よりでその他左よりになってしまい
今まで通りにセンターにブログがこないのです。。
また余白部分も白くなってしまいます。
改善方法教えてください(。-人-。)


背景の件、無事設定済みました♪
教えてくれた方ありがとうございました!
[ 2008/02/29 11:34 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

ブログ内検索1
プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
08 | 2023/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

08 | 2023/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
ユーザータグ


△ ページトップへ戻る