よく頂く質問のひとつがこれです。
私自身あまりテンプレートのスクロールバーを装飾しない所為かもしれません(時々やったりしますが)。
スクロールバー装飾のCSSは検索をかけると数多くhitしますので、ここでは簡単に述べると当サイトのテンプレートにスクロールバー装飾のCSSを挿入しても反映されなかった場合の対処法について軽く触れておきます。
「スクロールバー装飾のCSSちゃんと書いたのに反映されない!」という方は、まずこちらのページにざっと目を通してみてくださいませ。
予め述べておきますが、スクロールバーのデザインが適応されるのはIE(インターネットエクスプローラ)のみです。OperaやFirefox等のブラウザには適応されないことを考え、できるだけcssには加えずに作成しています。
それを考慮した上で、カスタマイズ等は自己責任で行ってください。
スクロールバーのcssを挿入したのに反映されない!
タグの閉じ忘れや使用ブラウザがIE以外だった、のような初歩的ミスが無いかどうかをご確認下さい。
続きまして、以下の解決方法をお試し下さい。ついでに反映されない理由も一読頂ければ幸いです。
結論から述べます。
多分、殆どのHTMLやcss配布サイトなどで紹介されているのは
こんな感じだと思います。
これを以下のように変更して下さい。
(このとき「,body」は無くとも大丈夫です)
理由を簡単に説明します。
天奇屋で配布しているテンプレートは、表示モード(DOCTYPE宣言)を「標準モード」で作成したテンプレートと「互換モード」で作成したテンプレートの2種類が存在します(ここではDOCTYPE宣言については詳しく説明しません。気になる方は自身で検索の方お願いします)
画像を使用したり特にフィルタを使用したデザインを重視のテンプレートは「互換モード」で作成しております。いろいろ理由がありますがここでは触れません。この「互換モード」に関しては、1つ目のボックスに記述したcssでもスクロールバー装飾が反映されます。
しかしながら、シンプルテンプレートの方は殆どを「標準モード」で作成しております。そのため、1つ目のボックスの記述では反映されません。
要は、スクロールバー装飾を反映させるには互換モードで作成しているテンプレートの場合はbody要素に対して設定、標準モードで作成しているテンプレートの場合はhtml要素に対して設定する必要があるということです。
「じゃあ具体的になにが互換モードでなにが標準モードなの?」って話になりますが、簡単に述べますと「DOCTYPE宣言にURIがあるか否か」です。これは説明すると長くなるので省きます。興味を持った方は検索してみて下さい。
ここでは「シンプルテンプレートはほぼ100%標準モードで作成している」とだけ述べておきます。サイトテンプレや作品展示用テンプレに関しては場合によりけりです。が、やはり標準モードで多く作成しています。
body要素に設定されている場合はOperaでも対応するようです(html要素では対応されない)。
が、しかし。私が使用しているOperaは対応されないので、多分Operaのブラウザ設定とか変えたりしないとだめなんだろうな。というわけで閲覧者側の環境にも左右されるようです。
この情報に関してはあまり信用性が無いので噂程度に留めてください(笑)