Orienteer-Ring

⇒ナビゲーションバーについて
「Orienteer-Ring」に参加しているホームページにはナビゲーションバーが設置されます。
このナビゲーションバーはハイパーリンクの集まりのようなもので、これを使ってリングに
参加しているほかのサイトへ飛ぶことができます。
これは仮登録申請をした後にそれぞれのページに設置してください。

⇒ルール
　ナビゲーションバーのデザインは基本的に自由とします。
ただし、一目見てそれがOrienteer-Ringのナビゲーションバーとわかるようにしてください。

　ナビゲーションバーの中に「Orienteer-Ring」の文字を入れてください。
また、Orienteer-Ringのホームへのリンクも入れてください。　

　ナビゲーションバーのリング機能として、「次へ」「前へ」は必ず入れてください。
これはリングを回ってきた人が1周巡回することができるようにするためです。

　自分でナビゲーションバーを作ることができない・面倒だ。と言う方にはサンプルを提示するので、
そのタグをコピー&ペーストするなりして設置してください。

　その他、質問があれば宮城島までお願いします。

⇒サンプル
画像を使用しているものはその画像をダウンロードしてもらう必要があります。

　　　　
それぞれの画像をダウンロードして使ってください。
（Internet Explorerなら、[画像の上で右クリック]→[画像に名前をつけて保存]です）
自分の画像用のフォルダに保存するときはタグを多少変更する必要があります。

A)


[ 前へ | ランダム | リスト | 次へ ]

<DIV STYLE="background-color:#88FFAA;text-align:center;font-size:10pt;
border-style:double;border-color:green;padding:2;width:220;height:50;">
<a href="http://f2.aaacafe.ne.jp/~someday/ring/index.html">
<IMG SRC="ring_rogo.gif" BORDER="0" WIDTH="200" HEIGHT="24"></a><br>
[ <a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;prev">前へ</a>
| <a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;random">ランダム</a>
| <a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;list">リスト</a>
| <a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;next">次へ</a> ]
</DIV>

B)
　　
<TABLE WIDTH="160" HEIGHT="110" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD WIDTH="82" BACKGROUND="rogo_a.gif">　</TD><TD BACKGROUND="rogo_b.gif" STYLE="text-align:right;">　<P>
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;random"><IMG SRC="random.gif" BORDER="0"></A><BR>
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;next"><IMG SRC="next.gif" BORDER="0"></A><BR>
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;prev"><IMG SRC="back.gif" BORDER="0"></A></TD>
</TR>
</TABLE>

C)
[Orienteer-Ring]
前へ ランダム リスト 次へ

<TABLE BORDER="1" BORDERCOLOR="#666666" CELLSPACING="0" CELLPADDING="2">
<TR>
<TH COLSPAN="4"><A HREF="http://f2.aaacafe.ne.jp/~someday/ring/index.html">[Orienteer-Ring]</A></TH>
</TR>
<TR>
<TD><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;prev">前へ</a></TD>
<TD><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;random">ランダム</a></TD>
<TD><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;list">リスト</a></TD>
<TD><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;next">次へ</a></TD>
</TR>
</TABLE>

⇒注意事項
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;***">
と書かれている所の、id=*の「*」の部分（赤色の部分）を自分に割り当てられたID番号に置き換えてください。
でないと、ナビゲーションバーが正常に働きません。

⇒リングの機能
ナビゲーションバーには以下の機能を持たせることができます。
必須機能は「次へ」「前へ」だけですので、その他の機能をつけるかどうかは任意です。

　☆次へ
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;next">次へ</a>
リングに登録されている次の順番のサイトに移動します。

　☆2つ次へ
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;skip">２つ次へ</a>
リングに登録されている2つ次のサイトに移動します。

　☆次の5つを表示
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;next5">次の5つを一覧表示</a>
リングに登録されている次の5つのサイトを一覧表示します。

　☆前へ
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;prev">前へ</a>
リングに登録されている前の順番のサイトに移動します。

　☆2つ前へ
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;sprev">２つ前へ</a>
リングに登録されている2つ前のサイトに移動します。

　☆前の5つを表示
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;id=*;prev5">前の5つを一覧表示</a>
リングに登録されている前の5つのサイトに移動します。

　☆ランダム表示
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;random">ランダム</a>
リングに登録されているサイトにランダムに移動します。

　☆リスト表示
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=orienteer;list">リスト</a>
リングに登録されているサイトを一覧表示します。

＊IDを自分の番号に置き換えることを忘れないでください。

＊質問などはリングマスターである宮城島まで。