2008年06月08日
スクロールバーをカスタマイズ
ブログの右側にあるグレーのスクロールバーを変えてみませんか?
せっかく女の子チックなブログなのに...
シャープな感じにしたいのに...
そんな時スクロールバーのカラーを変えるだけで、イメージを変えることが
簡単にできちゃいます。スタイルシートに加えるだけなので試してみて♪
まずは右クリックでコピーして、デザインの変更のページへ。
サイドバーのスタイルシートを開いて、画面全体の基本的な設定のトコロに
コピーしたHTMLを貼付します。
上の内容は、このブログと同じ赤い外枠に赤い▲で表示されます。
色の部分はカラー指定していますが、#6桁の英数字でもOKです。
せっかく女の子チックなブログなのに...
シャープな感じにしたいのに...
そんな時スクロールバーのカラーを変えるだけで、イメージを変えることが
簡単にできちゃいます。スタイルシートに加えるだけなので試してみて♪
html{ scrollbar-base-color:white; scrollbar-track-color:white; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-darkshadow-color:red; scrollbar-3dlight-color:red; scrollbar-arrow-color:red; } | →base 基本色(全体の色) →track スクロールバーの背景部分 →face スクロールバー本体の色 →highlight スクロールバーの内側のハイライト →shadow スクロールバーの内側の影 →darkshadow スクロールバーの外側の影 →3d-light スクロールバーの外側のハイライト →arrow 上下にある三角の矢印の色 |
まずは右クリックでコピーして、デザインの変更のページへ。
サイドバーのスタイルシートを開いて、画面全体の基本的な設定のトコロに
コピーしたHTMLを貼付します。
上の内容は、このブログと同じ赤い外枠に赤い▲で表示されます。
色の部分はカラー指定していますが、#6桁の英数字でもOKです。