ナビゲーションバーの取り付け方
しっかりと読んで正しくナビゲーションバーを付けてください。

 
ナビゲーションバーの種類

新しいナビゲーションバー

LEONさんが、新しいナビゲーションバーを作ってくれました。 こちらからダウンロードできます。 是非使ってみてください。


単純なナビゲーションバーのサンプル


ナビゲーションバーの外見は自由に改造してくださって構いません。
ただしリンクは替えないでください。

サンプル(実際には動きません)

全リストを表示する ランダムに表示する
クリックジャパンWEBRING
前へ 2つ前へ 2つ先へ 先へ

各機能の説明

・全リストの表示:RING登録ホームページの全リストを表示します。
・ランダムに表示:登録ホームページの中からランダムでひとつのホームページに行きます。
・前へ:WEBRINGでは登録したホームページが輪の上に順に並んでいるようにリンクされます。その並んでいる順番で自分の前のホームページに行きます。
・2つ前へ:上記のとおり2つ前に移動します。
・次へ:上記のとおり次に並んでいるホームページに行きます。
・2つ次へ:上記の通り2つ次のホームページに行きます。

リングの図説はこちら

いくら調べても分からない場合は質問掲示板へ

サンプルのソース

(ソースをコピーしてあなたのホームページに取り付けてください。取り付けるページは1ページで構いません。エディターやノートパッドなどのソフトでHTMLを開き、ナビゲーションバーを入れたい場所に貼りつけてください。)
ホームページに取り付ける際に、"サイトID"と書いてある場所に仮登録したときに貰ったサイトIDを記入してください。
<!--ここから-->
<center><table BORDER COLS=4 WIDTH="300" >
<tr>
<td ALIGN=CENTER COLSPAN="2" BGCOLOR="#FFFFCC"><font color="#3333FF"><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=klick;list">全リストを表示する</a></font></td>

<td ALIGN=CENTER COLSPAN="2" BGCOLOR="#FFCCFF"><font color="#3333FF"><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=klick;id=サイトID;random">ランダムに表示する</a></font></td>
</tr>

<tr>
<td ALIGN=CENTER COLSPAN="4"><b><font color="#3333FF"><font size=+2><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=klick;home">クリックジャパンWEBRING</a></font></font></b></td>
</tr>

<tr>
<td ALIGN=CENTER BGCOLOR="#FFCCCC"><font color="#3333FF"><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=klick;id=サイトID;prev">前へ</a></font></td>

<td ALIGN=CENTER BGCOLOR="#FFCC99"><font color="#3333FF"><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=klick;id=サイトID;sprev">2つ前へ</a></font></td>

<td BGCOLOR="#99FF99"><font color="#3333FF"><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=klick;id=サイトID;skip">2つ先へ</a></font></td>

<td ALIGN=CENTER BGCOLOR="#CCFFFF"><font color="#3333FF"><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=klick;id=サイトID;next">先へ</a></font></td>
</tr>
</table></center>

<!--ここまで-->

戻る