b-navi.html

ナビゲーションバー
ナビゲーションバーは、リングの中でページをつなぐ大切な役目を果たしています。
必ずトップページにぺたりと貼っておいてください。リンクページやウェブリングのナビバー専用ページなどに設置された場合、本登録を認可することはできません。
「デザインの都合上、画像を省略してテキストのみのリンクにしたい」という方がいらっしゃいますが、画像はリングの印象を伝える上で重要なものと考えておりますので、必ず下記のうちいずれかのものを貼ってください。リング管理人として皆様の御要望に応えられるよう、ナビゲーションバーの種類・パターンを増やすことを心がけております。

ナビゲーションバーには二種類あります。
一つは画像の中にリンクが埋め込んであるイメージマップ式のもので、こちらのほうが設置が簡単です。
もう一つはロゴ以外の機能をご自分で設置していただけるテーブル使用のものです。

1. イメージマップ式

<img src="http://www2.gol.com/users/fumin/8th/images/inblue2.gif" width="163" height="120" border="0" usemap="#inblue2"><map name="inblue2"><area shape="rect" coords="63,88,158,115" a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;home"><area shape="rect" coords="7,91,42,116" a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;addform"><area shape="rect" coords="96,4,158,23" a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=あなたのID;random"><area shape="rect" coords="52,5,87,24" a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=あなたのID;next"><area shape="rect" coords="6,8,43,27" a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=あなたのID;prev"></map>

<img src="http://www2.gol.com/users/fumin/8th/images/inblue3.gif" width="160" height="120" usemap="#inblue3" border="0"><map name="inblue3"><area shape="rect" coords="7,61,32,74" href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;addform"><area shape="rect" coords="7,43,60,57" href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=あなたのID;random"><area shape="rect" coords="6,25,40,37" href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=あなたのID;next"><area shape="rect" coords="6,6,38,19" href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=あなたのID;prev"><area shape="rect" coords="64,77,145,102" href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;home"></map>

2. テーブル式

▼ナビゲーションバー設置例

[list]   [random]   [join]

[prev]   [home]   [next]

<table BORDER CELLSPACING=2 CELLPADDING=2 COLS=1 WIDTH="130" > <tr> <td BGCOLOR="#FFFFFF"> <center> <font size=-1> [<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;list" target="_blank">list</a>]   [<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=あなたのID;random" target="_blank">random</a>]   [<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;addform" target="_blank">join</a>]</font></center> </td> </tr> <tr> <td BGCOLOR="#FFFFFF"> <center><img SRC="http://www2.gol.com/users/fumin/8th/images/inblue.jpg" ALT="inblue" NOSAVE BORDER=0 height=71 width=113></center> </td> </tr> <tr> <td BGCOLOR="#FFFFFF"> <center><font size=-1> [<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=あなたのID;prev" target="_blank">prev</a>]   [<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;home" target="_blank">home</a>]   [<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=あなたのID;next" target="_blank">next</a>] </font></center> </td> </tr> </table>

prev | join | random | next

<table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="120" > <tr> <td><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;home"><img SRC="http://www2.gol.com/users/fumin/8th/images/inblue-l.gif" ALT="inblue-logo" NOSAVE BORDER=0 height=46 width=120></a></td> </tr> <tr> <td> <center><font size=-1><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=あなたのID;prev">prev</a> | <a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;addform">join</a> <br>| <a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=あなたのID;random">random</a> | <a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=あなたのID;next">next</a></font></center> </td> </tr> </table>

※画像はDLして、御自身のサーバ内にアップロードされることをお薦めします。
　その際は、必ずイメージタグの部分を書き換えてください。
※テーブル式の場合、リングの機能はお好きなだけ設置できます。
　上記の様式にこだわらずカスタマイズしてお使いください。
　ただし、下記の５つは必ず設置してください。
1. Home
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=ID;home">
2. Prev
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=ID;prev">
3. Next
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=ID;next">
4. Random
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=ID;random">
5. Join
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=ID;addform">
以下の機能はオプションとしてお使いください。
設置しなくても結構です。
6. Prev5
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=ID;prev5">
7. Next5
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=inblue;id=ID;next5">