七鍵＠楽天

以前当講座の１４回目で「楽天」で使えるIFRAMEもどきってやりましたよね。
今日はそのIFRAMEもどきのスクロールバーに色をつけてみましょう(〃⌒▽⌒)
ただ、この方法は今のところInternetExplorerしか対応していませんので
おまけ程度に考えて下さい。
まぁ、非対応ブラウザでは無視されるだけですので
指定して損はないってことですね(〃⌒▽⌒)

では復習がてら・・・

例）
<p style="background-image:url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/7.gif);width:170px;height:170px;overflow:scroll;border:solid 1px #9999ff;background-attachment:fixed;">
文章（省略）
</p>

表示結果）

うちのハッカーは見積もりを出してくれません。
あなたのとこのハッカーは、まだその問題の困難さの程度を解析しきれていません。大部分の労働者と違い、ハッカーは問題を確かに理解したと納得できるまで、見積もりを出すことに大きな抵抗を示すでしょう。時には、理解しようとしている間に問題を解いてしまうことさえありえます。
優秀な技術者は、決して95%以上の確信を持ちません。そして大抵のハッカーは優秀な技術者です。もしあなたが、無理に見積もり通りにやらせたりはしないと言えば（しかも本気で！）、大抵の場合は、おおまかな見積もりを出してくれるんじゃないでしょうか。この見積もりはえらく高く思えたり、あるいはえらく低く思えるかもしれません。実際、その通りなのかもしれません。結局それは見積もりでしかないんですから。でもそれがあなたの欲しかったものでしょ。

ちなみにサンプル画像変えてみました（笑
少し明るめの雰囲気もいいでしょ(￣▽￣人)

これは以前紹介しましたIFRAMEもどきの背景に画像を指定して・・・
ついでにスクロールさせても背景は動かない・・・ってやつでしたよね。
ではこのスクロールの色を変えてみましょう(￣▽￣人)
記述は長いですがやってることは簡単ですよ(〃⌒▽⌒)

例）
<p style="background-image:url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/7.gif);width:170px;height:170px;overflow:scroll;border:solid 1px #9999ff;background-attachment:fixed;scrollbar-face-color:#ffffff;scrollbar-arrow-color:#ccccff;scrollbar-3dlight-color:#ffccff;scrollbar-darkshadow-color:#ffccff;scrollbar-track-color:#333333;scrollbar-arrow-color:#ff66ff;">
文章（省略）
</p>

表示結果）

うちのハッカーは見積もりを出してくれません。
あなたのとこのハッカーは、まだその問題の困難さの程度を解析しきれていません。大部分の労働者と違い、ハッカーは問題を確かに理解したと納得できるまで、見積もりを出すことに大きな抵抗を示すでしょう。時には、理解しようとしている間に問題を解いてしまうことさえありえます。
優秀な技術者は、決して95%以上の確信を持ちません。そして大抵のハッカーは優秀な技術者です。もしあなたが、無理に見積もり通りにやらせたりはしないと言えば（しかも本気で！）、大抵の場合は、おおまかな見積もりを出してくれるんじゃないでしょうか。この見積もりはえらく高く思えたり、あるいはえらく低く思えるかもしれません。実際、その通りなのかもしれません。結局それは見積もりでしかないんですから。でもそれがあなたの欲しかったものでしょ。

青色の文字の部分が今回指定した箇所となります。
ちなみに・・・

scrollbar-3d-light-color:3D部分の色;
scrollbar-arrow-color:▲の色;
scrollbar-darkshadow-color:深い影の色;
scrollbar-face-color:表面の色;
scrollbar-highlight-color:明るい部分の色;
scrollbar-shadow-color:影の色;
scrollbar-track-color:トラックの色;

という指定になっています(〃⌒▽⌒)
自分でいろいろな色を指定して試してみて下さいね(￣▽￣人)

ちなみに楽天では画面全体のスクロールバーの色を変更することはできません。
#やり方によってはできそうですが・・・

ではまた明日ー(ﾟ▽^*)ﾉ⌒☆