« カスタマイズ3(タイトル) | トップページ | カスタマイズちょい一息 »

2004.02.07

カスタマイズ4(スクロールバー)

いつもホームページを作るときは、IE、Opera、Netscapeで確認していたんですが、HDDを変えてからIEしか入れてなかったのでココログがIE以外でどうなるのか見ていませんでした。
Operaで見ると「なんじゃこりゃ」って感じで、もうOpera、Netscapeユーザーさん、本当にごめんなさい。
まだそこまで気を配る余裕がありません(爆)。マックで見たらもっとすごいことになってるんだろうか・・・・。

さて、気を取り直して(逃げ?)今日はスクロールバーの色を変えてみました。
ただし、これもOperaやNetscapeでは見ることができないみたいなので、IEの方だけ楽しんでください(涙)。
スタイルシートに書き加えるのは下の文章です。

html {
scrollbar-base-color: #FFFFFF;
scrollbar-shadow-color: #9999FF;
scrollbar-darkshadow-color: #666699;
scrollbar-3dlight-color: #CCCCFF;
scrollbar-arrow-color: #666699;
}

スクロールバーの色の適用は8種類あって、それぞれ以下のように変えることができます。
「blue」または「#000099」など好きな色を指定してあげましょう。
あんまり変な組み合わせにすると、かなり笑えるので気をつけてねっ。

face-color 3dlight-color
shadow-color base-color
track-color darkshadow-color
highlight-color arrow-color

ちなみにこちらのサイトで、スクロールバーの色を変えることができます。
カラースケールから好きな色をチョイスしていくと、スタイルシートが生成されるのでコピペするだけでオッケー。
html, bodyの両方が書かれていますが、 「html」のみに書き直しておきましょう。
IE 5.5 スクロールバー色 CSS 設定ページ

|

« カスタマイズ3(タイトル) | トップページ | カスタマイズちょい一息 »

ウェブログ・ココログ関連」カテゴリの記事

コメント

 拙サイトに訪れていただき、更にコメントまでくださって本当にありがとうございました。
 本当に感激いたしました。感謝感謝です。
 こちらのような素敵なココログになるよう、これから頑張っていきます。

投稿: リカ | 2004.06.15 02:48

>リカさん
いやあ、私のとこはもう見た目ばっかしで
ちょっと詳しい人なら誰でも分るようなことしか
書いてないんですが(汗)
こうやってお役に立てると私もとても嬉しいです。

私のとこは、デザインもすっかり
落ち着いちゃったけど
もうちょっといろいろやってみなくちゃ!と
少しやる気が出てきました(笑)。
これからもよろしくお願いしますねっ。

投稿: しのぶ | 2004.06.15 17:32

 そちらにトラックバックした記事を多少修正して更新したところ、再びトラックバックされてしまったようです。
 本当に申し訳ありません。こちらからは削除できないようなので、時間のあるときで構いませんので削除をお願い致します。
 お手数をお掛けしてしまうのですが、宜しくお願い申し上げます。本当にごめんなさい。

投稿: リカ | 2004.06.15 18:39

>リカさん
お気になさらないでねっ。
トラックバックは、一回送ったら記事を訂正しても再送信しなくていいようです。
私もこれが分らなくて、何人かの人に連チャンで送りまくったことがあります(笑)。
さっそく削除しておきますね~。

どこのスタイルシートも、じっくり見るとけっこう強引なのがあったりして面白いんですけど、要は最終的にキレイに収まってりゃいいじゃんて感じで、結果オーライでいいと勝手に思っています(笑)。

投稿: しのぶ | 2004.06.15 22:03

 快く削除申請に応じてくださってありがとうございます!
 これで一つ覚えたので、次回から迷惑かけるようなことはない……と思います(弱気)。
 お手数かけました、感謝します。

 スタイルシートって何ぞや? というところから始めたので、なかなか上手くいきませんが、少しずつ覚えていって立派なココログにしたいと思っています。
 またこちらの記事を参考にさせていただきますね! 宜しくお願い致します。

投稿: リカ | 2004.06.15 22:58

>リカさん
いやいや、こういうのは人に迷惑かけまくるのが一番だと思います(爆)。
最初っから分ってやってる人なんて絶対いないんですもの。

スタイルシートなんて、意外と雰囲気でやっつけちゃってもどうにかなっちゃうもんなんで、お気楽に行きましょ~~~。

って、私も人のことばっか言えないなあ。
少しデザイン考え直さなきゃ・・・・。

投稿: しのぶ | 2004.06.17 00:14

しのぶさん(^.^)/~~~こんにちは。
また、参考にさせていただきました。
ありがとうございます。

投稿: 常葉 | 2004.12.15 12:18

しのぶさん、いつも大変大変お世話になっています。
昨日も、とっても詳しく教えてくださって
ありがとうございました。

きょうは、スクロールバーの色変更に挑戦しました!!
でっきましたぁ!!ヽ(´▽`)/~♪
と~っても嬉しいですぅ~!!
bodyではなくてhtmlなのですね~。
どうもありがとうございました 
新しいことへの挑戦って楽しいですね、ルンルン♪

投稿: Rita | 2004.12.15 13:07

thank you for share!

投稿: ugg | 2013.10.25 10:04

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/12358/173304

この記事へのトラックバック一覧です: カスタマイズ4(スクロールバー):

» 少しずつカスタマイズ [The evening star ]
 昨日に引き続き、少しずつカスタマイズ中。 スクロールバーを変えてみたり、フォントの色を変えてみたり、いろいろ試している。 SHINOblog、ありがとうござい... [続きを読む]

受信: 2004.02.29 14:10

» SHINOblog: カスタマイズ4(スクロールバー) [blog]
SHINOblog: カスタマイズ4(スクロールバー) 私も,採用させて頂きました. 私が以前別館にスタイルシートを適用した理由が,この”スクロールバーを透明に... [続きを読む]

受信: 2004.02.29 17:32

» レイアウト変更しました。 [ぽやぽや。]
 あまり変わってないといえば、変わってないんですが。  以前のままだと、やたらめ [続きを読む]

受信: 2004.06.12 09:02

» スクロールバーのカスタマイズ [みぃ~つけた♪]
地道にカスタマイズに挑戦しています (*^^)v 今回はスクロールバーにトライし [続きを読む]

受信: 2004.12.15 12:09

» スクロールバーのカスタマイズ [我が家の出来事]
スクロールバーの色を変えてみました。 以下をcssファイルに追加しています。 h [続きを読む]

受信: 2005.04.22 21:35

« カスタマイズ3(タイトル) | トップページ | カスタマイズちょい一息 »