ナビゲーションバーについて

ナビゲーションバー=ウェブリングの要。参加している各サイトをつなぐリンクの輪を
構成するソースです。下のサンプルのように、画像とリンクで構成されています。

ナビゲーションバーの機能と設置方法をご紹介します。

ナビゲーションバーの機能

back ◆◆◆◆ リングの中の前のサイトへ飛びます。
skipback◆◆◆リングの中の二つ前のサイトへ飛びます。
next ◆◆◆◆リングの中の次のサイトへ飛びます。
skipnext◆◆リングの中の二つ先のサイトへ飛びます。
random◆◆◆ リング内のどこかのサイトへ飛びます。
list◆◆◆◆リングに参加しているHPの一覧を表示します。
home◆◆◆◆リングのホームページに飛びます。

ナビゲーションバーの設置方法

◆以下のタグを、トップページの表示したいところに記述して下さい。
◆『あなたのサイトID』は仮登録すると発行されます。仮登録後届くメールにも記載されています。
そちらをご覧になり、この部分をその数字に書き換えて下さい。
◆『バーの画像部分<img SRC="ring.gif">』はバーの画像をお持ち帰りになってご自分のサーバーに
アップロードして下さい。画像の直接リンクはこちらのサーバーに負荷がかかりますのでご遠慮下さい。
(画像のお持ち帰り方法:画像の上にカーソルを置いてマウスを右クリックして、「画像を名前を付けて保存」して下さい。)
◆リングはナビゲーションバーを設置した場所にリンクされます。(つまり、ナビゲーションバーのある
ページに飛ぶことになるわけです。)ご登録のURLのページに飛ぶのではありませんのでご注意下さい。
ご登録のURLはリストに表示されます。
◆バーの画像の使用は仮登録後に限らせていただきます。登録なさっていない方の使用はご遠慮下さい。
◆ナビゲーションバーはリングの命です。これが設置されていないとリングがそこで切れてしまいます。
ご登録の皆様の速やかなバナー設置をお願いいたします。

すでにご登録の皆様へ
ソースが一部変更になりました。
変更部分は赤い文字でしめしてありますので、
お手数ですがよろしくお願いいたします。

サンプル
★注!このナビゲーションバーのタグは、スタイルシートを多用しています。
記述後、作成ソフト等で開いた場合、ソフトによってはタグの位置が書き換えられ、
形が崩れる場合があります。
その場合は下の簡易型の方をご使用下さい。


[back]
[skipback]
DEVIL&DEVIL ring [skipnext]
[list][random][home]

 
<center><table BORDER=0 WIDTH="230" BGCOLOR="#660000" >
<tr>
<td><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=devilring;id=あなたのサイトID;prev" STYLE="text-decoration:none"><font color="#FFFFFF">[back]</font></a>
<br><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=devilring;id=あなたのサイトID;sprev" STYLE="text-decoration:none"><font color="#FFFFFF">[skipback]</font></a></td>
<td><a href="http://devilring.s4.xrea.com/">
<img SRC="ring.gif" ALT="DEVIL&DEVIL ring" BORDER=0 height=50 width=100></a></td>

<td>
<div align=right><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=devilring;id=あなたのサイトID;next" STYLE="text-decoration:none"><font color="#FFFFFF">[next]</font></a></div>
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=devilring;id=あなたのサイトID;skip" STYLE="text-decoration:none"><font color="#FFFFFF">[skipnext]</font></a></td>
</tr>

<tr>
<td COLSPAN="3">
<center><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=devilring;list" STYLE="text-decoration:none"><font color="#FFFFFF">[list]</a><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=devilring;id=1;random" STYLE="text-decoration:none"><font color="#FFFFFF">[random]</a><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=devilring;id=1;home" STYLE="text-decoration:none"><font color="#FFFFFF">[home]</a></center>
</td>
</tr>
</table></center>

簡易型サンプル

DEVIL&DEVIL ring
[back][list][random][next]

こちらも<img SRC="ring.gif">の部分は画像を保存してお使い下さい。
<center><table BORDER=0 COLS=1 WIDTH="180" >
<tr>
<td>
<center><a href="http://devilring.s4.xrea.com/">
<img SRC="ring.gif" ALT="DEVIL&DEVIL ring" BORDER=0 height=50 width=100></a></center>
</td>
</tr>

<tr>
<td>
<center><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=devilring;id=あなたのサイトID;prev" STYLE="text-decoration:none">[back]</a><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=devilring;list" style="text-decoration:none">[list]</a><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=devilring;random" style="text-decoration:none">[random]</a><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=devilring;id=あなたのサイトID;next" STYLE="text-decoration:none">[next]</a></font></center>
</td>
</tr>
</table></center>

ご質問等はこちらへ DEVIL&DEVIL ring BBS 掲示板
メールはこちらへcecil@cyberspace.co.jp