ナビゲーションバーの設置方法
以下のサンプルから、お好みのものをお使いください。画像をクリックすると詳しい説明がみられます。また自分でナビゲーションバーを自作されても結構です。
以下のサンプル共に「イメージマップ」を用いています。これは画像サイズの変更をするとリンク先が乱れてしまいます。画像サイズを変更して使う場合には自分でHTMLを書き直していただくか、元のサイズでの使用をお願いいたします。
サンプル1
<!--▼▼▼▼▼ここから▼▼▼▼▼-->
<IMG SRC=http://gayring.jpn.org/image/gayring-navi1.gif
WIDTH=223 HEIGHT=50 USEMAP=#navigation BORDER=0>
<MAP NAME=navigation>
<AREA COORDS=5,6,90,45 SHAPE=rect
HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=gay;home"
target=_top>
<AREA COORDS=170,31,199,41 SHAPE=rect
HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=gay;id=(あなたのサイトID);next5" target=_top>
<AREA COORDS=145,31,165,41 SHAPE=rect
HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=gay;list"
target=_top>
<AREA COORDS=101,31,139,41 SHAPE=rect
HREF="http://www.webring.ne.jp/cgi-bin/webring?random;ring=gay"
target=_top>
<AREA COORDS=192,12,212,24 SHAPE=rect
HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=gay;id=(あなたのサイトID);skip" target=_top>
<AREA COORDS=159,12,188,24 SHAPE=rect
HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=gay;id=(あなたのサイトID);next" target=_top>
<AREA COORDS=123,12,153,24 SHAPE=rect
HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=gay;id=(あなたのサイトID);prev" target=_top>
<AREA COORDS=100,12,118,24 SHAPE=rect
HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=gay;id=(あなたのサイトID);sprev" target=_top>
</MAP>
<!--▲▲▲▲▲ここまで▲▲▲▲▲-->
