人気ブログランキング | 話題のタグを見る
マイスキン試行錯誤その9
☆スクロールバーの色を変えよう☆
多分これもさんざん既出ネタ。
改めてここで書かなくとも、あちこちで語り尽くされてることだとは思いますが(それ言っちゃうと背景画像やらタイトル画像やらもそうだろな~^^;)とりあえず今回のマイスキン作成で私が試したことは記録として全部残しておくつもりなので、「またこれかい!」とか「うちでも書いてるよ!」とか思われた方はゴメンナサイ。

CSSソースの、
BODY { ~ }
の中(カッコの中です)に、以下の指定を加えます。
scrollbar-track-color : #~;
scrollbar-face-color : #~;
scrollbar-arrow-color : #~;
scrollbar-3dlight-color : #~;
scrollbar-darkshadow-color : #~;
scrollbar-highlight-color : #~;
scrollbar-shadow-color : #~;

それぞれどの部分を指すか、言葉では説明し難いので図解してみました。
マイスキン試行錯誤その9_b0005267_2115814.gif

マイスキン試行錯誤その9_b0005267_21153052.gif

マイスキン試行錯誤その9_b0005267_21154620.gif

マイスキン試行錯誤その9_b0005267_2116135.gif

マイスキン試行錯誤その9_b0005267_21161660.gif

マイスキン試行錯誤その9_b0005267_21163037.gif

マイスキン試行錯誤その9_b0005267_21164668.gif

これでは3dlight-colorとhighlight-color、darkshadow-colorとshadow-colorの区別がつかないですけど、私もあまりよくわかってません(笑)。
arrow、3dlight、shadowの3箇所に色をつけると、こんな感じになります。
マイスキン試行錯誤その9_b0005267_145244.gif

highlight、darkshadowもあわせて同じ色にすると、はっきり濃い線になります。
マイスキン試行錯誤その9_b0005267_1471416.gif

face、3dlight、darkshadowに色をつけたこんな感じも、個人的に好きです。
マイスキン試行錯誤その9_b0005267_1522851.gif

いろいろ試して、お好みのスクロールバーに変えてみましょう♪
ただし、これはIE5.5以上のみの仕様のようです。
by kaokaopon | 2004-08-09 01:57 | SKIN
<< 信州人です♪ ↑ページTOP マイスキン試行錯誤その8 >>



KAOと旦那と3匹の猫のたわむれの日々。家に引きこもってるのでネタがありません。最近猫日記となりつつあります(笑)。
by kaokaopon
S M T W T F S
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
31
カテゴリ
全体
BBS
雑記
プレマタ
入院日記


観た
読んだ
作った
お取り寄せ
レシピ
SKIN
BLOG
WEB
日々。
ABOUT
以前の記事
2010年 10月
2010年 04月
2009年 08月
2009年 01月
2008年 10月
2008年 07月
2008年 06月
2008年 04月
2008年 03月
2008年 02月
2008年 01月
2007年 12月
2007年 11月
2007年 10月
2007年 09月
2007年 08月
2007年 07月
2007年 06月
2007年 05月
2007年 04月
2007年 03月
2007年 02月
2007年 01月
2006年 12月
2006年 11月
2006年 10月
2006年 09月
2006年 08月
2006年 07月
2006年 06月
2006年 05月
2006年 04月
2006年 03月
2006年 02月
2006年 01月
2005年 12月
2005年 11月
2005年 10月
2005年 09月
2005年 08月
2005年 07月
2005年 06月
2005年 05月
2005年 04月
2005年 03月
2005年 02月
2005年 01月
2004年 12月
2004年 11月
2004年 10月
2004年 09月
2004年 08月
フォロー中のブログ
食卓から愛をこめて
* もなこの手づくり石け...
だって私はドラマ好き♪
ベジタリアンの厨房
気ままな星遊び
笑門来福
pumilus sapo
母ちゃんちのご飯
***いつか出会えるあな...
茶タローくぅぅぅん.2
ほんの小さな庭
***やっと出会えたあな...
ゆっくりのんびりいこうじ...
ライフログ
タグ
(92)
(77)
(22)
(15)
(6)
検索
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧