らくがきひろば質問掲示板

▼ 質問です (スクロールバーの色)
[1]
ちあき 投稿日:2009-02-01 (日) 01:57:52
ID: Y@KWT

過去ログがどこにあるのか分からなくて、見ずに質問します。もし過去ログに同じ質問と回答があったら申し訳ありません。
表示ページの、スクロールバーの色変更等をするにはどうすれば良いのでしょうか?それとも出来ないのでしょうか?

  

れいれい 投稿日:2009-02-01 (日) 16:04:21
ID: JFK@W

 すいません、元々はしぃちゃんの所にあった当掲示板ですが、
それもなくなってしまって過去ログが参照できない状態になっています。
この書きこみがいずれ過去ログになって、みなさんが参照するようになるんでしょうね。

というわけで本題ですが、

>スクロールバーの色変更等をするにはどうすれば良いのでしょうか?

 らくがきひろば自体には設定する項目はありませんが、
スクロールバーの色を変えるのは、スタイルシートで実現できますので、
"rakugaki.css" を編集すれば可能です。具体的には、以下を書き加えます。

  1. html, body {
  2. 	scrollbar-base-color: ○○;
  3. 	scrollbar-face-color: ○○;
  4. 	scrollbar-arrow-color: ○○;
  5. 	scrollbar-track-color: ○○;
  6. 	scrollbar-3dlight-color: ○○;
  7. 	scrollbar-highlight-color: ○○;
  8. 	scrollbar-shadow-color: ○○;
  9. 	scrollbar-darkshadow-color: ○○;
  10. }

○○の部分に色コード (#777777 など) が入ります。
それぞれが何の色なのかは、説明されているサイトさんがありますので、
そちらを見てもらうとわかりやすいかと。

「スクロールバーの色 css」で検索するといろいろ検索されますが、
こちらのサイトさんがわかりやすかったのでご紹介しておきます。
Webページ作りのお勉強 - スクロールバーの色を指定する



ちあき 投稿日:2009-02-02 (月) 02:02:32
ID: Y@KWK

無事解決しました!
自分なりに検索しつつ色々参考にしながら試行錯誤したのですが、なかなかうまくいかず。
『html, body {』の箇所が頑として分かりませんでした…!(う~~素人
お手数おかけしました。もやもやがすっきりです!可愛くなりましたv
ありがとうございました。

お名前* URL*
e-mail*


  

※以下のタグが使用できます。
  <a (href title)></a>
  <b (title)></b>
  <code (title)></code>
  <font (color face size title)></font>
  <i (title)></i>
  <s (title)></s>
  <span (class title)></span>
  <u (title)></u>
※投稿直後、その絵やコメントが見えない場合がありますが
  ほとんどの場合再読み込みすれば見えるようになります。
  それでも見えない場合は、「投稿が反映されない場合」の
  リンクを利用して下さい。