
左が「IE6.0」、右が「Sleipnir2.5.15」で見た
当ブログのスクロールバーのキャプチャー画像です。
微妙に見え方が違うんですよね。
Sleipnirの方が隙間なくぴったりとして、
IEよりちょっぴり大きく見えるような気がします。
「
キイタ?( ゚д゚)オクサン(゚д゚ )アラヤダワァ」のちゃんさんが共有プラグイン
「なんでもスクロール」を登録されているのですが、
(現在、文面を変更したため、承認中の状態とのこと)
過去にブラウザに因ってスクロールバーの見え方が違って
びっくりしたことがあるので、少々振り返ってみました(笑)。
因みに当ブログの場合、スクロールバーは「ブログパーツをさがせ」の
「
かこんで楽しいスクロールバーの設定」の記事を参考に、
ブラウザの右側のバーも、プラグインなどの個別のバーも
スタイルシートで一括指定しています。
一応、スタイルシートは下記のような感じ。
html {
scrollbar-base-color: #ffffff;
scrollbar-highlight-color:#C0C0C0;
scrollbar-shadow-color:#C0C0C0;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#C0C0C0;
scrollbar-track-color:#ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}
プラグインを囲う場合は、プラグインの設定→HTMLの編集で
<div style="overflow:auto;height:220px">
ここに囲いたいもののタグなど
</div>
と、こんな感じで、「220px」の所は囲いたいものに合わせて
高さを調節しています(ブログペットとか過去ログとか)。
横幅(width)の指定は最初から取っ払ってます(笑)。
殆どSleipnirでしか動作確認はしていないので、
他のブラウザで見るとどうなっているのかは知りません(;・∀・)
テーマ : カスタマイズ - ジャンル : ブログ
覗いてはいたんすが、コメントが遅くなっちゃいましたm(__)m
一括指定だとらくちんですよね♪
私もプラウザのスクロールバーを変えようかな〜と思いつつ随分長いこと放置しちゃってます(^_^;)
CSSでやればコメント欄も全部お洒落になりますもんねw
近々弄ろうっ!