スポンサーサイト

今日は何位かな?→人気ブログランキングに参加しています♪

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

スポンサー広告 | 【--------(--) --:--:--】 | Trackback(-) | Comments(-) | [編集]

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

今日は何位かな?→人気ブログランキングに参加しています♪

スクロールバーの色ってXPの標準デスクトップテーマだと薄いブルーです。
でもコレを自分の好きな色に変える方法です。
IEには反映されますが、反映されないブラウザもあります。

スタイルシート(css)を使います。
特別にcssファイルを作ってリンクという形で貼るコトも出来ますが、HTMLに埋め込む方法を解説します。

埋め込む場所は<head>~</head>の間です。

●全体的に変える例
<style type="text/css">
<!--
body{scrollbar-base-color:#0000FF;}
-->
</style>

●細かく変える例
<style type="text/css">
<!--
body{ scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:#FFFFF;
scrollbar-shadow-color:#999999;
scrollbar-track-color:#FFFFFF;}
-->
</style>

コレで大体Windowsクラシックスタイルの時のスクロールバーに近い色合いカンヂになると思いますが、ピンク系にしたりブルー系にしたり好きなようにカスタマイズできます。

scrollbar-3dlight-color→3D部分の色
scrollbar-arrow-color→▲の色
scrollbar-darkshadow-color→濃い影の色
scrollbar-face-color→表面の色
scrollbar-highlight-color→明るい部分の色
scrollbar-shadow-color→影の色
scrollbar-track-color→スクロールする部分の背景色

微妙な場所はご自分で調節してみて確認してください。
確認したい部分だけ赤など目立つ色にするとすぐに分かると思います。


このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

[tips]tips | 【2007-05-16(Wed) 18:00:00】 | Trackback:(0) | Comments:(0) | [編集]
コメント
コメントの投稿


管理者にだけ表示を許可する

トラックバック

この記事にトラックバックする(FC2ブログユーザー)


Copyright © ホームページ&ブログ作成tips All Rights Reserved. Powered By FC2. 
skin:*cuteblog*   
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。