別冊ラスガ Webリング計画 β版

 別冊ラストガーディアン参加者で、Webリングを作りませんか?
 ウェブリング・ジャパン等からCGIを借りると、手続きやら書き換えやらが面倒な気がしたので、JavaScriptで簡単な物を作ってみました。
 宜しければ、ご参加をお願い致します。
 現在ある、600*120の巨大な別冊バナーの代用品に最適です。

 このリングは賛同者の人数を確かめる為のβ版であり、「面倒くさがらず、CGI借りてきやがれ」という意見が多かったり、計画賛同者が多数いる場合、ウェブリング・ジャパンのCGIレンタルを検討します。
 CGIをレンタルした場合、ソースは書き換えとなりますので、予めご了承ください
 参加者が少ない等、CGIを借りる必要が無いと判断した場合、このまま正規版とします。

 

 動作サンプル

別冊ラストガーディアン参加HP 別冊ラストガーディアン

[前のサイト] [次のサイト]
[ランダム] [一覧表示]

 

 ソース(一部書き換える部分があります。下の注意をご覧下さい)

<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
別冊ラストガーディアン 21 未登録 呼び出されたらスキップ
ラストガーディアン 22 Brave Kingdam
moth-eaten books 23 INNOCENT FREAK
昨日の事やけどね 24 Jack-in-the-box
夢幻の迷宮 25 E.R.F.C
フラワリー・オレンジ・ペコ・プラス 26 Happy Wing & Crystal Garden
JAMMING PLANET 27 未登録 呼び出されたらスキップ
クロスロード・ライブラリィ 28 未登録 呼び出されたらスキップ
だめ屋 29 天煌星
未登録 呼び出されたらスキップ 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 未登録 呼び出されたらスキップ  

 

 使用可能画像一覧

 現在、左セルの画像は、以下の画像が使用可能です。

例1
http://www33.tok2.com/home/bessatu/ring/ring1.gif

 

 別のレイアウト例&ソース

 参考までに。

別冊ラストガーディアン参加HP
前のサイトランダムリスト次のサイト

 

<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>
そろそろ結婚適齢期??? 独自ドメインの取得をするなら 給料前でお金がない・・
[PR] | 店舗デザイン監視カメラ浦和熊谷木更津新橋中国SEO対策消費者金融車 買取テンプレート沖縄旅行免許合宿二輪引越しプレゼントゴルフ会員権留学レーシックマッサージFX投資信託くりっく365アフィリエイトFXホームページ制作デイトレードハワイ旅行タイバンコクハワイ レンタカーベスト ハワイ ホテル レーツバリ島Hawaii hotelsHawaii Activitiesbhhrハワイホテルテキスト広告
【運営会社「パラダイムシフト」サービス】 ハワイ現地オプショナルツアーリラックマ) - ビジネスクラス航空券 - 格安航空券(1) - 格安航空券(2) - 海外ホテル - 韓国旅行 - タイムシェア - ホテル 予約
無料ホームページ - 携帯ホームページ - 無料ホームページ作成 - レンタルサーバー - ブログ - ヴィラ - ハワイ コンドミニアム - バリ島 ホテル - プーケット ホテル - レップチェッカー - 海外旅行 - 国際電話 - ホノルルマラソン - 掲示板監視 - 誹謗中傷 - 宿泊料金比較 - ノースウェスト 航空券 - 旅館