
ナビゲーションバーの作り方
ナビゲーションバーはCGIで動いています。なので、自分の好きな機能を入れることが出来るのです。
いろいろな機能は下の表を見てお好きな物をチョイスしましょう。
リングが小さいうちは(参加サイトが少ない時)next5やprev5とかは入れても意味が無いでしょう(笑)
機能の呼び出し方は<A href=”http://www.webring.ne.jp/cgi-bin/webring?ring=(リングID);id=(サイトID);(機能)”>です。
使用例をメモ帳なんかにコピーして使って下さい。リングIDは、もう入れてあるので「あなたのサイトID番号」という所を書き換えて表示したい場所に張り付けます。
サイトIDが5の人は5。12の人は12。「半角数字」で記入して下さいね、でないとエラーになります。12(全角)と12(半角)間違えないで!
![]() 参加する |
ナビゲーションバー ソース タグ
<TABLE width="320" border="1"
cellspacing="1" cellpadding="1">
<tr>
<td width="25%">
<b><font size="-1">[<A
href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;id=1;prev"
target="_blank">前へ</A>]<BR><BR></font>
[<font size="+1"><A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;home"
target="_blank">説明</A></font>]</b>
</td>
<TD width="50%" align="center">
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;addform"
target="_blank">
<IMG src="http://www.red-mole.com/ring/ring.gif"
width="200" height="64"
border="0" alt="バイク★リンク★ロゴ"><BR>参加する</A>
</TD>
<TD width="25%">
<b><font size="-1">[<A
href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;id=1;next"
target="_blank">次へ</A>]</font><BR><BR>[<font
size="+1">
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;list"
target="_blank">一覧</A></font>]</b>
</TD>
</tr>
</TABLE>
SUZUME's Nestの太田さんに作って戴いたナビゲーションバーです。あかもが作ったナビゲーションバーは不要なタグが多かったみたいです\(__
)反省・・・。
太田さん、ありがとうございます!
これのid=1という所(2箇所)をあなたのID番号に書き換えると上と同じナビゲーションバーが表示されます。
list(一覧)、home(説明)、addform(参加する)はサイトIDの表記は必要ないです。
補足
ロゴの表示が出来ないとご指摘いただきました。説明不足でご迷惑をおかけしています。
ロゴにつきましては、右クリックで現れる「名前を付けて画像を保存」で保存し、貴方のサーバースペースにアップしてからリンクしてください。
<IMG src="http://www.red-mole.com/ring/ring.gif" width="200" height="64"
border="0" alt="バイク★リンク★ロゴ">
上記の赤色部分を貴方のサーバーに合わせて変更し、画像を貴方のサーバーからリンクして下さい。
「表示できない」「良くわからない」「ナビゲーションバーを変更したい」などありましたら、どんどんメールにてお問い合わせ下さい。
| 一般表記 | [次へ][next] |
| CGIの パラメーター (機能) |
next |
| 説明 | リングの中の次のサイトへ飛びます。 |
| 使用例 | <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;id=あなたのサイトID番号;next"> |
| 一般表記 | [次の次へ][2つ先へ][skip][skipnext] |
| CGIの パラメーター (機能) |
skip |
| 説明 | リングの中の次の次のサイトへ飛びます。 |
| 使用例 | <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;id=あなたのサイトID番号;skip"> |
| 一般表記 | [次の5つ][次の5つをリスト][list5] |
| CGIの パラメーター (機能) |
next5 |
| 説明 | リング内の次の5つのサイトをリスト表示します。 |
| 使用例 | <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;id=あなたのサイトID番号;next5"> |
| 一般表記 | [前へ][戻る][previous][back] |
| CGIの パラメーター (機能) |
prev |
| 説明 | リング内を一つ戻ります。 |
| 使用例 | <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;id=あなたのサイトID番号;prev"> |
| 一般表記 | [前の前へ][2つ前へ][2つ戻る][skip previous] |
| CGIの パラメーター |
sprev |
| 説明 | リング内を2つ戻ります。 |
| 使用例 | <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;id=あなたのサイトID番号;sprev"> |
| 一般表記 | [前の5つ][前の5つのリスト][list previous 5] |
| CGIの パラメーター (機能) |
prev5 |
| 説明 | リング内の前の5つのサイトをリストします。 |
| 使用例 | <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;id=あなたのサイトID番号;prev5"> |
| 一般表記 | [一覧][全サイト][index][list] |
| CGIの パラメーター (機能) |
list |
| 説明 | リング内の一覧をリスト表示します。 |
| 使用例 | <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;id=あなたのサイトID番号;list"> |
| 一般表記 | [ランダム][random] |
| CGIの パラメーター (機能) |
random |
| 説明 | リング内のどこかへ飛びます。 |
| 使用例 | <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;id=あなたのサイトID番号;random"> |
| 一般表記 | [ホーム][説明][home] |
| CGIの パラメーター (機能) |
home |
| 説明 | リングのホームへ飛びます。 |
| 使用例 | <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;id=あなたのサイトID番号;home"> |
| 一般表記 | [参加フォーム][登録フォーム][join] |
| CGIの パラメーター (機能) |
addform |
| 説明 | リングへの参加フォームへ飛びます。 (ウェブリングの提供している参加フォームを利用している場合のみ有効) |
| 使用例 | <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=bikering;id=あなたのサイトID番号;addform"> |