アフィリエイト広告を利用しています

広告

この広告は30日以上更新がないブログに表示されております。
新規記事の投稿を行うことで、非表示にすることが可能です。
posted by fanblog

スクロールバーをカスタマイズ

ブログの右側にあるグレーのスクロールバーを変えてみませんか?

せっかく女の子チックなブログなのに...
シャープな感じにしたいのに...

そんな時スクロールバーのカラーを変えるだけで、イメージを変えることが
簡単にできちゃいます。スタイルシートに加えるだけなので試してみて♪

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です。

   
×

この広告は30日以上新しい記事の更新がないブログに表示されております。