ナビゲーションバー　+ 呟き。ウェブリング +

■ナビゲーションバーとは？■

リングに参加したサイトに設置されたナビゲーション・バーには、「リングに参加しているホームページの一覧」、「次（前）のホームページ」、などの便利な機能が入っています。各サイトの製作者は、リンクされている他のサイトを管理する必要はありません。このナビゲーション・バーがウェブリング・サービスを利用して、自動的に案内してくれる役割を担ってくれます。

■「呟き。」ウェブリング・ナビゲーションバー■

仮登録完了のメールには、「ナビゲーションバー：１」のソース（idも変える必要の無いもの）がついています。
それ以外のナビゲーションバーを使いたい！という方は、下から選んで使ってください。

どれでもお好きなバーをお使いください。各バーの下に、表示するためのソースを載せていますので、ソースを貼り付け、★部分をあなたのidに変えて、使ってください。各画像は直リンクになりますので、保存しなくて結構です。また、テーブル背景・リンク色・フォントなどは、各自のサイトの雰囲気に合わせて変えていただいて結構です。

【記】
2005/01/11　ナビゲーションバー追加しました。2代目*ＹＯＵ*初作品。
2002/08/28　ナビゲーションバー追加しました。海月さんありがとう！
2002/04/06　リクエストによりナビゲーションバー追加しました。
2001/12/20　ナビゲーションバー追加しました。翡翠さんありがとう！
2001/11/02　ナビゲーションバー一部変更しました。
＃ target="_top"の設定
＃ナビ１のテーブル幅設定を削除
＃＃ご利用の方は、機会があれば貼り直してください。

■ナビゲーションバー：1　小さな画像タイプ■

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;prev" target="_top">
<img name="tback" src="http://you-pink.s6.xrea.com/tsubuyaki/t_navibar/t-back.gif" width="30" height="30" border="0" alt="前へ。"></a></td>
<td><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;random" target="_top">
<img name="trandam" src="http://you-pink.s6.xrea.com/tsubuyaki/t_navibar/t-randam.gif" width="30" height="30" border="0" alt="ランダム。"></a></td>
<td><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;home" target="_blank">
<img name="thome" src="http://you-pink.s6.xrea.com/tsubuyaki/t_navibar/t-home.gif" width="60" height="30" border="0" alt="[呟き。ウェブリングホームへ]"></a></td>
<td><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;list" target="_top">
<img name="tlist" src="http://you-pink.s6.xrea.com/tsubuyaki/t_navibar/t-list.gif" width="30" height="30" border="0" alt="リスト。"></a></td>
<td><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;next" target="_top">
<img name="tnext" src="http://you-pink.s6.xrea.com/tsubuyaki/t_navibar/t-next.gif" width="30" height="30" border="0" alt="次へ。"></a></td>
</tr>
</table>

■ナビゲーションバー：２　小さな画像タイプ(2)■*5/24訂正*

<img src="http://you-pink.s6.xrea.com/tsubuyaki/t_navibar/navi.gif" width="141" height="35" alt="tsubuyaki webring" usemap="#Map" border="0">
<map name="Map"><area shape="rect" coords="13,3,127,17" href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;home" target="_blank"><area shape="rect" coords="6,21,30,32" href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;prev" target="_top"><area shape="rect" coords="111,20,137,32" href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;next" target="_top"><area shape="rect" coords="37,19,76,32" href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;random" target="_top"><area shape="rect" coords="83,18,105,32" href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;list" target="_blank"></map>

■ナビゲーションバー：３　大きめ画像タイプ2色■

	前　*　後
	■ランダム
	■リスト

画像を「logo2.gif」に変えると、このようになります。

	前　*　後
	■ランダム
	■リスト

<table width="150" border="0" cellspacing="0" cellpadding="1">
<tr>
<td rowspan="3" align="center">
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;home" target="_blank">
<img src="http://you-pink.s6.xrea.com/tsubuyaki/t_navibar/logo2.gif" width="60" height="60" border="0" alt="呟き。ウェブリング">
</a></td>
<td align="center">
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;prev" target="_top">
<font size="2">前</font></a><font size="2">　*　
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;next" target="_top">後</a></font></td>
</tr>
<tr>
<td align="center"><font size="2">■
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;random" target="_top">ランダム</a></font></td>
</tr>
<tr>
<td align="center"><font size="2">■
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;list" target="_blank">リスト</a></font></td>
</tr>
</table>

■ナビゲーションバー：４　カタカナ画像タイプ　■　Thanks!>海月

<img src="http://you-pink.s6.xrea.com/tsubuyaki/t_navibar/navi2.gif" width="282" height="16" alt="ツブヤキ。ウェブリング" usemap="#Map2" border="0"> <map name="Map2">
<area shape="rect" coords="3,2,31,16" a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;prev" target="_top">
<area shape="rect" coords="50,2,84,14" a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;random" target="_top">
<area shape="rect" coords="109,2,191,15" a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;home" target="_blank">
<area shape="rect" coords="215,4,238,14" a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;list" target="_blank">
<area shape="rect" coords="259,2,278,14" a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;next" target="_top"></map>

■ナビゲーションバー：５　テキストのみタイプ■　*'03/9/24訂正*　Thanks!>翡翠

+ 呟き。 +
+ back	+ random	+ list	+ next +

色等は、自由に変更してください。スタイルシート等の使用もご自由にどうぞ。

<table border="0">
<tr align="center">
<td colspan="4">
+ <a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;home" target="_blank">呟き。</a> +</td>
</tr>
<tr>
<td>
+ <a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;prev" target="_top">back</a></td>
<td>
+ <a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;random" target="_top">random</a></td>
<td>
+ <a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;list" target="_blank">list</a></td>
<td>
+ <a href="http://www.webring.ne.jp/cgi-bin/webring?ring=tsubuyaki;id=★;next" target="_top">next</a> +</td>
</tr></table>

＊下から三行目、 ★;next　が　★;prev　となっていました（現在は訂正）。
このタイプのナビバーをお使いの方は、訂正をお願いいたします。

■ナビゲーションバー：６　ツブヤキ画像タイプ　■　new!!