ブログパーツをさがせ

とうとうスクロールバーの設定についてはカテゴリをひとつ作ってみましたよ。

上と同じスクロールバーをつけるには下をコピーして貼り付け。（壁紙なし）サイドバーに貼り付けて表示が崩れる場合はwidth:170px;を思いきって外してしまうと、うまくいくもよう。

テンプレ変更したのにそのままの色にしてたのを修正しました。ごめんなさい！[2005/10/01]

<div style="overflow: auto; font-size:10px; width:170px; height:130px; border: 1px #6699FF dotted; scrollbar-base-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #6699FF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #6699FF; scrollbar-arrow-color: orange;"> ここに「これをペーストしてください」って配布された各サービスのタグを貼る。 </div>

• overflow: auto; 簡単にいうと、これがスクロールバーにする指定。
• （overflowは、決めたサイズの範囲より内容が大きい場合に、領域を越えた部分の表示方法を指定するプロパティ）
• font-size:10px; フォントのサイズ
• width:170px; 掲示板など囲むエリアの横サイズ（100%など）
• height:130px; 掲示板など囲むエリアの縦サイズ
• border: 1px; #67CB66 dotted; 囲み線の太さ、色、
• スタイルはdottedの他にも、なしnone、実線solid、二重線doubleなど指定可能
• scrollbar-・・・; ここからはスクロールバーの色指定

その他にも

• background-image:url(http://www・・・画像のURL); 背景に壁紙
• background-color: #ff99cc; 背景に色
  などの指定があります。

スクロールバーの色についてはこちらが便利。

実際に色を確認しながらスクロールバーを自動生成してくれます。ライト版と、色数の多い通常版があるのでお好みでどうぞ。（新しいページが開きます）

Scrollbar Color Changer　スクロールバーチェンジャー　ライト版
Scrollbar Color Changer　スクロールバーチェンジャー

※好きな色が出来上がったら、scrollbar-・・・のとこだけコピーして貼り付けよう。

【配色の参考に】

背景と文字色の組み合わせ

WEB COLOR 216

背景と文字色の組み合わせ

Webパレット・カラーピッカー（216色）Java版

背景とボックスと文字色の組み合わせ

色見本のページ（配色のページもあります）

テーマカラーがひとつだけ決まっているときに（おすすめ）

Ohanasiya Color-Maker v3.1
[動作環境：FlashPlayer6.4以降]

---

【2005/08/23補足】

サイドバーのスクロールバーについては、だいたい同じ色で設定すると思うので、一括設定の説明です。続きをどぞー。

続きを表示