リーフリングのバナーソースって、やたら長いとです。
なんでこんなに長いとですか？
それは、すべてのホームページ、ブログで問題なく機能させるためですたい。
それでも長いとよ。
と言うわけで、スッキリ版を試験的に公開します。
以下のようなソースで実現できるとしたら如何でしょうか？
<div id="ReefRing" title="type:short; mark:swf; color:#0066EE;">
<script type="text/javascript"
src="http://www.1023world.net/reef_ring/banner.js"></script>
<a href="http://www.1023world.net/">1.023world</a>
<a href="http://www.1023world.net/reef_ring">Reef Ring</a>
<a href="http://www.1023world.net/reef_ring/list">List</a>
<a href="http://www.1023world.net/reef_ring/rank">Rank</a>
</div>
本採用ではありませんが、一応機能しますので、このスッキリ試験にご協力いただける方は、以下の手順を理解された上で、お試しくださいませ。
タイプや色の指定方法
すべての設定は、一行目の <div> タグ内にある title 属性でおこないます。
この title 属性には、以下の3種類の値を記述します。
type : long or short;
mark : gif or swf;
color : #000000～#FFFFFF;
type には long か short を割り当てます。 long に設定すると通常サイズの200×45ピクセル、short だと140×45ピクセルのショートサイズになります。
mark には gif か swf を割り当てます。 gif に設定するとGIFアニメ版、 swf がFLASH版です。
color には 16進数6桁 で表すウェブカラーを割り当てます。先頭には #(シャープ) を付加します。（現在ご利用中のバナーソースからカラーコードを抜くと良いでしょう）
これらを style 属性の書き方と同じルールで、title 属性に記述します。
以下のようになります。
例1) title="type:long; mark:gif; color:#0066EE;"
例2) title="type:long; mark:swf; color:#FF66FF;"
例3) title="MARK:GIF; TYPE:SHORT; COLOR:#66CC66"
例4) title="MARK:SWF; TYPE:SHORT; COLOR:#333333"
各プロパティや値の前後に半角スペースやタブが挿入できます。無くても構いません。
各プロパティ・値とも、大文字小文字は問いません。
最後尾の値のみ、 ;(セミコロン) が省略可能です。
また、これら3つの設定組みは、記述順を問いません。
尚、いずれのタイプも、Prev5、Prev、Next、Next5 は自動的に挿入されます。
また、バナー生成後に title 属性は削除されますので、閲覧中にツールチップが表示されることはありません。
問題点
もしかしたら一部のレンタルブログでは、上記ソース中の <script> タグの部分が拒否されるかも知れません。その場合、貼っても <script> タグが消失してしまうか、そのまま表示されてしまうかも知れません。
もしそのような状態になったら、残念ながらこのスッキリソースはご利用いただけません。
また、このソースでは、ページの読み込み完了後にバナーの整形を開始するので、ページの読み込み中はプレーンなHTMLとして存在して見えると思います。特に重いページではそれが顕著に現れるでしょう。
以上、もしご協力いただけた場合、その結果をコメントにいただけると助かります。
その際に、ブログURL（あなたのURLかブログ会社のURL）も添えてくださいませ。
尚、もし貼付が成功しても、今後の検討にて採用を見送った場合は、速やかに元のソースに戻していただけますようお願いいたしますです。
宜しくお願いします。
こちらのエントリーもどうぞ♪
