別冊ラスガ Webリング計画 β版
別冊ラストガーディアン参加者で、Webリングを作りませんか?
ウェブリング・ジャパン等からCGIを借りると、手続きやら書き換えやらが面倒な気がしたので、JavaScriptで簡単な物を作ってみました。
宜しければ、ご参加をお願い致します。
現在ある、600*120の巨大な別冊バナーの代用品に最適です。
このリングは賛同者の人数を確かめる為のβ版であり、「面倒くさがらず、CGI借りてきやがれ」という意見が多かったり、計画賛同者が多数いる場合、ウェブリング・ジャパンのCGIレンタルを検討します。
CGIをレンタルした場合、ソースは書き換えとなりますので、予めご了承ください。
参加者が少ない等、CGIを借りる必要が無いと判断した場合、このまま正規版とします。
動作サンプル
![]() |
別冊ラストガーディアン [前のサイト] [次のサイト] [ランダム] [一覧表示] |
ソース(一部書き換える部分があります。下の注意をご覧下さい)
| <script src="http://www33.tok2.com/home/bessatu/ring/ring.js"
language="JavaScript"></script> <table border="1" bgcolor="#FFFFFF"> <tr> <td align="center"><img src="http://www33.tok2.com/home/bessatu/ring/ring1.gif" width="100" height="100" alt="別冊ラストガーディアン参加HP"></td> <td align="center"><a href="http://www33.tok2.com/home/bessatu/" title="別冊ラスガへ"><b>別冊ラストガーディアン</b></a><br><br> <tt><font size="2"><a href="javascript:go_back(0)" title="前のサイト">[前のサイト]</a> <a href="javascript:go_next(0)" title="次のサイト">[次のサイト]</a><br> <a href="javascript:go_randam()" title="ランダム">[ランダム]</a> <a href="http://www33.tok2.com/home/bessatu/ring/list.htm" title="参加サイトリスト">[一覧表示]</a></font></tt></td> </tr> </table> HTMLファイル等をテキストエディタ等で開き、このソースをコピーして、設置したい場所に貼り付けてください |
ご利用上の注意
今回のリングはCGIではなく、JavaScriptで作られている為、当然のことながらJavaがOFFの環境では『次のサイト』『前のサイト』『ランダム』は使えません。
ご参加くださる方は、上のソースをそのままコピーした後、HTMLファイルをテキストエディタ等で開き、設置したい場所に貼り付けてください。
ソースを貼り付ける際、下の表を参考にして、二箇所ある赤字の数字を自分の番号に修正してください(本編製作順に登録されています)。
ちゃんと動いてくれるのならば、ソース・レイアウト等は変更しても構いません。
最初の<script>〜</script>をヘッダー内に入れたり、language属性を消してtype属性を付けてみたり、文字サイズを変更したり……ご自由にどうぞ。
青字の部分を書き換えることで、左セルの画像を変更することが出来ます。
この100*100の画像は募集しますので、宜しければご協力をお願いします。
なお、100*100でなくても、酷く大きくなければ問題ありません。
利用者が青字の後ろにある『width="100"
height="100"』を画像の大きさにあわせて修正すればOKです。
現在、本編製作メンバー以外は登録していませんが、ご連絡を頂ければ、加えさせていただきます。
サイト一覧はとりあえず作ったものであり、気が向いたときにでも作り直す予定です(ただし、予定は未定)。
| 番号 | 現在の割当HP | 番号 | 現在の割当HP |
| 0 | 別冊ラストガーディアン | 21 | 未登録 呼び出されたらスキップ |
| 1 | ラストガーディアン | 22 | Brave Kingdam |
| 2 | moth-eaten books | 23 | INNOCENT FREAK |
| 3 | 昨日の事やけどね | 24 | Jack-in-the-box |
| 4 | 夢幻の迷宮 | 25 | E.R.F.C |
| 5 | フラワリー・オレンジ・ペコ・プラス | 26 | Happy Wing & Crystal Garden |
| 6 | JAMMING PLANET | 27 | 未登録 呼び出されたらスキップ |
| 7 | クロスロード・ライブラリィ | 28 | 未登録 呼び出されたらスキップ |
| 8 | だめ屋 | 29 | 天煌星 |
| 9 | 未登録 呼び出されたらスキップ | 30 | 未登録 呼び出されたらスキップ |
| 10 | 未登録 呼び出されたらスキップ | 31 | ざ・夢は盛大に |
| 11 | The Divine Storeroom | 32 | 未登録 呼び出されたらスキップ |
| 12 | ワールドフューチャー | 33 | OVER THE SKY |
| 13 | 右手実のロボちゃ箱 | 34 | |
| 14 | 阿波田の神殿 | 35 | |
| 15 | 謡う石蜥蜴亭 | 36 | |
| 16 | じゆうきまま | 37 | |
| 17 | 夢の残骸が眠る場所 | 38 | |
| 18 | DARK LIGHTS | 39 | |
| 19 | ○ | 40 | |
| 20 | 未登録 呼び出されたらスキップ |
使用可能画像一覧
現在、左セルの画像は、以下の画像が使用可能です。
![]() |
| http://www33.tok2.com/home/bessatu/ring/ring1.gif |
別のレイアウト例&ソース
参考までに。
【前のサイト|ランダム|リスト|次のサイト】 |
| <script src="http://www33.tok2.com/home/bessatu/ring/ring.js"
language="JavaScript"></script> <table border="0"> <tr> <td align="center"><a href="http://www33.tok2.com/home/bessatu/"><img src="http://www33.tok2.com/home/bessatu/ring/bessatu-s.gif" width="200" height="40" border="0" alt="別冊ラストガーディアン参加HP"></a><br> <font size="2">【<a href="javascript:go_back(0)" title="前のサイト">前のサイト</a>|<a href="javascript:go_randam()" title="ランダム">ランダム</a>|<a href="http://www33.tok2.com/home/bessatu/ring/list.htm" title="参加サイトリスト">リスト</a>|<a href="javascript:go_next(0)" title="次のサイト">次のサイト</a>】</font></td> </tr> </table> 注:別冊バナーを元に、200*40に縮小・軽くした画像を使用していますので、読み込みは早いです |
もし、下のようなバナータイプのリング用画像を用意して頂ければ、レイアウト例に加えます。
![]()
どーでもいいこと
一番上のソースを、スタイルシートを使用して、丁寧に作ってみる(HTML4.01 Strict対応)。
| <script src="http://www33.tok2.com/home/bessatu/ring/ring.js"
type="text/javascript"></script> <table border="1" style="text-align: center;background-color: #FFFFFF" summary="別冊ラスガリング"> <tr> <td><img src="http://www33.tok2.com/home/bessatu/ring/ring1.gif" width="100" height="100" alt="別冊ラストガーディアン参加HP"></td> <td><a href="http://www33.tok2.com/home/bessatu/" title="別冊ラスガへ"><strong>別冊ラストガーディアン</strong></a><br><br> <span style="font-size: 80%;font-family: monospace"><a href="javascript:go_back(0)" title="前のサイト">[前のサイト]</a> <a href="javascript:go_next(0)" title="次のサイト">[次のサイト]</a><br> <a href="javascript:go_randam()" title="ランダム">[ランダム]</a> <a href="http://www33.tok2.com/home/bessatu/ring/list.htm" title="参加サイトリスト">[一覧表示]</a></span></td> </tr> </table> |
別のレイアウト例のソースを……(同上)。
| <script src="http://www33.tok2.com/home/bessatu/ring/ring.js"
type="text/javascript"></script> <table border="0" stype="text-align: center;font-size: 80%" summary="別冊ラスガリング"> <tr> <td><a href="http://www33.tok2.com/home/bessatu/"><img src="http://www33.tok2.com/home/bessatu/ring/bessatu-s.gif" width="200" height="40" border="0" alt="別冊ラストガーディアン参加HP"></a><br> 【<a href="javascript:go_back(0)" title="前のサイト">前のサイト</a>|<a href="javascript:go_randam()" title="ランダム">ランダム</a>|<a href="http://www33.tok2.com/home/bessatu/ring/list.htm" title="参加サイトリスト">リスト</a>|<a href="javascript:go_next(0)" title="次のサイト">次のサイト</a>】</td> </tr> </table> |
|
|||
|
|