livedoor2007年12月12日
サイドバーのスクロール表示
（何時の間にか「ブログカスタマイズ」のカテゴリを新設し、シリーズ化てしまったオヤジ。。暇人だね〜・・ ＾＾；）
信長の野望「革新」の攻略日記（？）を御紹介する為、サイドバーに設置した「信長の画廊」や「正宗の画廊」であるが・・（他にも沢山あったなぁ〜＾＾； 。。整理してしまったが・・）
画像の枚数が少ないうちは、先日御紹介した「開閉式サイドバー」で十分だったのだが・・
画像が次々と増え、気が付いた時には、、下ぁ〜の方までサイドバーが繋がってしまっておった。
そこで挑戦したのが、今回ご紹介しておるサイドバーの「プラグイン」をスクロール表示させる技（？）である。。
検索サイトで「サイドバー」「スクロール」とか入力すると、数限りなく設定方法を紹介しているサイトに行き当たるが・・
オヤジが使用しているのは、、satokoto 様が運営されている「ブログパーツをさがせ」で紹介しておられるスクリプト （命令文だな） でござる。
この命令文の使い方で、、一つの「プラグイン」全体をスクロール化したり、、「プラグイン」内の一部の文章と写真だけをスクロール化する事も出来る。。
とっても便利だねぇ。
まぁ、、細かい設定方法と命令文は、「ブログパーツをさがせ」様の記事、、「かこんで楽しいスクロールバーの設定」を御覧頂くとして （２次配布は出来んからの〜）、
オヤジからは設置時の注意点を少々・・
（以下、ライブドアブログでの例で御座る）
最初に重要な点を。。
ブログのCSS （スタイルシート） によって、幅の決まっているサイドバー内に、スクロールバーを表示させるのであるから、、ギリギリの大きさの画像を貼ったプラグインにスクロールバーを設置すると・・
プラグインに、横方向のスクロールバーも表示されてしまいます！！（もしくは、サイドバー全体がトップページの一番下に落ちる！！）
スマ〜トにスクロールバーを設置したい！！と言う方は、、サイドバーの幅を、画像とスクロールバーの幅に合わせて前もって拡げておくか （CSSを編集）、、小さな画像に貼り替えましょうねぇ。。
（CSSの編集方法は後日御紹介する予定で御座る m(#_ _)n）
☆スクロールバー設置の方法と注意点☆
今回のサイドバーのスクロール表示だが、、オヤジがスクロール化しているのは、「プラグイン」の「フリーエリア」に作成した「文章と写真」です。。
（注意 HTML編集が出来ない、ライブドア純正装備の「カテゴリ」「最新記事」「月間アーカイブ」等には使えません。。
と言うか、やり方はあるのかもしれんが、、オヤジは知らん！！orz ）
設置した「フリーエリア」に、「ブログパーツをさがせ」様の記事から命令文をコピペし、説明されているやり方通りに設定すれば、間違いようがナイ！！のではあるが・・
初心者が （オヤジもだな・・＾＾；） よくやってしまうミスを一つ。。
<div sty.....
で始まる命令文をスクロールさせたいプラグイン （または、一部の文章と写真） の一番上 （最初） に記述するのだが、
プラグイン （または、一部の文章と写真） の最後に、、
</div>
の記述を忘れてしまう事があるのだ （オヤジは頻繁かも・・＾＾；）。。
また、前回御紹介した <script で始まる命令文、、
<script language="JavaS.....
なんかも同様で、命令したい文章の最後に、、
</script>
を記述し、命令を閉じなければならない。。表示エラーが出る時は、大抵 </div> </script> の閉じ忘れが原因だったりするので、特に注意が必要で御座る。。
参考までに、、オヤジのブログにある”シム４画廊「オヤジ」”に書いた記述の最初と最後の部分を御紹介。。
<div style="overflow: auto;font-size:................height:400px;">
オヤジが自作した公園ＬＯＴ<br />
暇つぶしに作った駄作だが・・
<br />
<a href="http://image.blog.livedoor.jp/himanaoyaji/.....
が出だしで、、
.....85-s.JPG" width="160" height="120" border="0" alt="１００万人都市" hspace="5" class="pict" align="center" /></a>
<br /></div>
で、閉めている。。（ちなみに、、オヤジのブログのスクロールバーは、色等の設定はしておらんので、その部分の命令文は削除している）
実際表示されている状態と見比べてみると解り易い・・かもねぇ（？_？；
この改造を施したことにより表示エラー・不利益等が発生しても、一切の責任は取れません！！全て自己責任でお願いします。。
