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

 

 必ず、あなたのHPのトップに次のコードをコピーして、貼りつけて下さい。ページの中での、貼りつける位置は特に指定しません。

 下のコードの<!--YAMATO RING R.N.B STRAT-->から<!-- YAMATO RING R.N.B END-->までをコピーして使います。

 このコードの『あなたのID』は変更したり、削除してはいけません。

 『あなたのID』の『』は不要です。また、あなたのIDについては、半角英数でお願いします。

 このあとに、リングナビゲーションバーを設置する為の、HTMLコードを記載してありますので、参考にして下さい。

<!-- これはリング内を移動する為のナビゲーションバー用のHTMLの部品です。  あなたのサイトに埋め込んで下さい。-->

<!--YAMATO RING R.N.B STRAT-->
<table border="1" cellspacing="0" cellpadding="0">
<!--リング名は、バナーに置きかえる事も可能です。-->
<tr>
<td colspan="3">
<a href="http://kobe.cool.ne.jp/yamatozero/webring.htm">YAMATO WEBRING</a></td>
</tr>
<!--ここから、-->
<tr>
<td><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=yamatogo;id=『あなたのID』;prev">BACK </a></td>
<td><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=yamatogo;random">RANDOM</a></td>
<td><a href="http://www.webring.ne.jp/cgi-bin/webring?ring=yamatogo;id=『あなたのID』;next">NEXT </a></td>
</tr>
<!--ここまでは、フリーにカスタマイズ可能。-->
</table>
<!--YAMATO RING R.N.B END-->

*これを埋め込むと画面上には次のようなナビゲーションバーが表示されます。

YAMATO WEBRING
BACK RANDOM NEXT
また、こんなのもありです。まずはソース。

<!--YAMATO RING R.N.B STRAT-->

<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=yamatogo;id=『あなたのID』;prev5"target="_top"><font size="2">[前の5サイト]</font></a><font size="2"> </font>

<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=yamatogo;id=『あなたのID』;prev"target="_top"><font size="2">[前のサイト]</font></a>

<font size="2"> </font>

<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=yamatogo;id=『あなたのID』;next"target="_top"><font size="2">[次のサイト]</font></a>

<font size="2"> </font>

<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=yamatogo;id=『あなたのID』;next5"target="_top"><font size="2">[次の5サイト]</font></a>

<font size="2"> </font>

<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=yamatogo;id=『あなたのID』;random"target="_top"><font size="2">[ランダム]</font></a>

<font size="2"> </font>

<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=yamatogo;id=『あなたのID』;list"target="_top"><font size="2">[参加サイト一覧]</font></a>

<font size="2"> </font>

<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=yamatogo;id=『あなたのID』;addform"target="_top"><font size="2">[参加申込]</font></a>

<!--YAMATO RING R.N.B END-->

☆上のをうめこむと・・・下のような表示になります。

[前の5サイト] [前のサイト] [次のサイト] [次の5サイト] [ランダム] [参加サイト一覧] [参加申込]

・・・この方が簡単ですね。これを表にしたり、アイコンにしたりいろいろ工夫してみてください(^^)

■例1のバージョンでバナーを埋めるとこんなのも出来ます。 ソース表示をご覧いただければ簡単です。

 

BACK RANDOM NEXT

 

YamatoWebring
BACK RANDOM NEXT

 

YamatoWebring
BACK RANDOM NEXT

 

YamatoWebring
BACK RANDOM NEXT

 

 

YamatoWebring
BACK RANDOM NEXT

例2だとこう・・・バナーと組み合わせるとステキ♪

Yamato Webring

[前の5サイト] [前のサイト] [次のサイト] [次の5サイト] [ランダム] [参加サイト一覧] [参加申込]


戻る