[Prev5] [Rand] [Next5]
2002.01.12 サイトＩＤを変更せずにナビゲーションバーを設置する方がいらっしゃるため、サンプルコードのＩＤをそのまま使ってもリングバナーが作動しないように変更しました＾＾；
「ドラムマニアウェブリング」は、コナミのアーケードゲーム、「ドラムマニア」のファンの方々に参加していただく、ウェブリングです。すでに、ビーマニのリングがありますが、私が「ドラムマニア」しかやっていないので、リングをつくってしまいました^^)。
参加していただいた皆さんのホームページが輪のように集まったのが、ウェブリングです。この「ドラムマニアウェブリング」がふつうのリンク集と違うのは、リングをたどっていくだけで、次々にドラムマニアのホームページが見られる、って事。リンク集を行ったり来たりする必要はありません。
この「ドラムマニアウェブリング」に参加していただくための条件はただ一つ。
ホームページ
である事、です。
これからドラムマニアを始めようという方が、リングを一回りすれば、きっとドラムが上手くなる・・・そんなリングにしていきたいです。ですので、「ゲームプレイ日記のみ」などのホームページの参加は、どうかご遠慮くださいませ。
あ、もちろん、プレイ日記の中に「自分で考えた練習方法」などがあれば別ですよ＾＾。みんなでドラムマニアを上手にプレイできるようになりましょう＾＾；。
2000年2月4日、この条件を変更しました。元の条件は、「ドラムマニアがメインである事」だったのですが、私のＨＰがそれに準拠していない（爆）事が判明したので、条件を変更いたしました。
念のために書いておきますと、「ウェブリングを使う」のは、どなたでもできます。このウェブリングには、すばらしいページがたくさんつながっています（の予定）。いろんなホームページをのぞいて見てくださいね。もちろんタダです。
あと、「条件は一つ」と言ったけど、実はもう一つ条件があります（爆）。それは、
メールアドレスをお持ちである事
です。ホームページをお持ちの方なら、（たぶん）メールアドレスもお持ちでしょうから、これは条件に入らないかな？
「参加してやろうじゃないか」という方は、以下の説明をご覧になって、あなたのホームページを、「ドラムマニアウェブリング」に登録してください。
ウェブリングは、ホームページを輪のように集めるサービスです。この輪の中を、「ナビゲーションバー」を使って移動します。
ナビゲーションバーのデザインは、リングマスターの趣旨によってまちまちですが、この「ドラムマニアウェブリング」の場合は、「Prev」「Next」をクリックする事で、リング内を移動します。「Join」をクリックすると、リングに参加するための仮登録フォーム画面にジャンプします。
また「dmw」ロゴ部分をクリックすると、リングに参加しているホームページのリストに、「DRUMMANIA WEBRING」ロゴ部分をクリックすると、「ドラムマニアウェブリング」の説明ページ（ここ）にジャンプします。
画像の下にある、「Prev5」「Rand」「Next5」は、それぞれ、前の５サイト・ランダムジャンプ・次の５サイトが表示されます。
補足：ウェブリング登録ページは、午前０時前後には非常に重くなります。仮登録画面に行けない場合は、時間をずらしてお試し下さいませ。
仮登録が完了すると、すぐにＥメールが届いているハズです。メールの内容を確認して、以下の説明の通りにナビゲーションバーを付けてください。
そして、あなたにＥメールが届くのと同時に、私にも仮登録のＥメールが届いています。そこで、あなたのホームページを拝見し、「ドラムマニア全開」のホームページである事を確認すると、あなたのホームページが、「ドラムマニアウェブリング」に本登録されます。
以下の説明に従って、このナビゲーションバーを、あなたのホームページの「ドラムマニアのページのトップ」に張り付けてください。フレームを使用しているページの場合は、どのフレームの中でもかまいませんが、最初に表示されるページに貼り付けてください。
ただし、トップページにカウンタがあり、どうしてもトップページでないと困る、という場合は、トップページでもかまいません。その場合は、「ナビゲーションバーをたどってきたユーザーが迷わずにドラム用ページに入れる」ように配慮してください。
ナビゲーションバーは、仮登録のとき設定したＵＲＬに設置してください。アドレスを間違えた場合は、こちらのサイト情報の修正ページで、ＵＲＬを修正してください。
* * * * *
この画像が、「ドラムマニアウェブリング」のナビゲーションバーです。大きいのと、小さいのがあります。どちらかを、あなたのホームページの「ドラムマニアのトップ」に表示してください（この画像はサンプルです。クリックしても、なにも起こりません）。
[Prev5]
[Rand]
[Next5]
[Prev5]
[Rand]
[Next5]
この画像は、それぞれ五つと六つの部分に分かれています。それぞれを組み合わせて、ナビゲーションバーとして使用します。
そして、こちらがナビゲーションバーのＨＴＭＬソースです。これを、あなたのホームページに張り付けて、id=*となっている場所の * 印（このソース中に８カ所あります）を、仮登録の時に表示されたＩＤに変更してください。このＩＤは、仮登録確認メールにも書いてあります。
ソース中で、href="" の中身が改行しているように見えるかもしれませんが、実際には改行していません。
「 " 」この文字に挟まれた中では、改行しないようにしてください。
ナビゲーションバーの下にある、Prev5 , Rand , Next5 は、ホームページオーナー様の判断で、削除してもかまいません（画像は変更しないでください＾＾）。
このソースでは、align="center" になっていますが、ホームページオーナー様の判断で、自由に配置していただいて結構です。
結構重要：
このソース中では、画像ファイルは GIF 形式になっています。んが、ここで用意したすべての画像は、png 形式でもアップロードしてあります。GIF にこだわらない方は、できるだけ png を使用してください（画像データが小さいため、表示が軽くなります）。
その際は、ソース中にある「.gif」となっている文字を、「.png」 に変更してください。
画像の直リンクがいやだ、という方は、ダウンロードしていただいても結構です。