カスタマイズ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 設定ページ
| 固定リンク
「ウェブログ・ココログ関連」カテゴリの記事
- なんだかんだで秋になっちゃいそう(2012.09.04)
- ココログにコメントできないよ?(2011.02.01)
- おひさしぶりです!(2011.01.30)
- 受験勉強でむしゃくしゃしたら(2009.01.27)
- クリスマスが終わっちゃった(2008.12.26)
この記事へのコメントは終了しました。
コメント
拙サイトに訪れていただき、更にコメントまでくださって本当にありがとうございました。
本当に感激いたしました。感謝感謝です。
こちらのような素敵なココログになるよう、これから頑張っていきます。
投稿: リカ | 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