ブログの縦スクロールバーを出したいです

質問

ＪＵＧＥＭのブログを利用しております。

ユーザー作成のテンプレートを使っていて、テンプレート自体は気に入っているのですが、右にある縦スクロールバーのボタンが消えていて（デザインみたいですが・・）使いづらいのでＨＴＭＬのカスタマイズでボタンを出るようにしたいです。
どのような作業をすればよいのでしょうか？

下記のテンプレートです。

http://jugem.jp/utf/?mode=viewer&act=lookup&jtid=3946

どうぞ教えてください。
よろしくお願いします。

回答No.1

Muller3 · ベストアンサー

スクロールバー全体が白で、矢印だけが色が付いている状態なので見づらい、ということなんでしょうか？（ブラウザはIEですね？）

html {
scrollbar-3dlight-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#4F2A00;
scrollbar-base-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
}

この記述をさくっと取ってみては。
そしたら普通のボタンになると思うのですが…

この記述は、IE以外のFirefoxなどのブラウザでは効かないので、例えば今私が見ている環境（MacのFirefox）では普通のスクロールバーになってます。IEだけの自己満足なんですよね…。

そうはいっても、おしゃれにしたいということでしたら、
http://www.d3.dion.ne.jp/~tiyoko01/sitoku/bar/scrollbar.html
こちらなどを参考に、見やすい色を付けてカスタマイズしてみてもいいかと。

お礼

詳しく教えていただきありがとうござました！
私はＩＥだったので見えなかったのですね

早速教えていただいたhtmlを消してみたら・・

いつものスクロールバーが出ました！（感動！）

オマケにオシャレにする方法も教えていただいて
ちょっと遊んでみようと思います☆

回答No.2

saji12

こんにちは。もしかしたらもう解決なさってるかと思いますが・・・

管理画面、左側のテンプレート編集でテンプレート編集画面を出して、テンプレート選択→テンプレート名（これならばcherry）の筆の絵をクリック→ＣＳＳ編集フォームの　scrollber-face-color:#FFFFFF;のところのＦＦＦＦＦＦを自分の希望する色番に変更します。バック画面を変えたい場合はscrollber-track-colorのところを変えます。それでテンプレート更新をおせばＯＫです。

お礼

ご丁寧にありがとうございました♪

全然意味のわからない私でも
ちょこっと仕組みがわかりました☆
大変助かりました！