◆ナビゲーションバーのバリエーションです◆
 








TOP

 

サイトIDの所は、必ず御自分のサイトIDに置き換えて設置の事。
 HTMLの知識に自信がある方で、サイトのデザインにそぐわない場合は、テキストリンク等、自作デザインでも可能です。
 ただし[リングホーム][リスト][ランダム][前へ][後ろへ]の5つのリンクは必須です。
 また、リンク指定部分、<a href〜〜〜〜〜target="_blank"> の内部は書換え不可となっております。
5つ前と、5つ後ろへのナビゲーションは御随意に。
 テキストナビゲーションのリンク代替表記については、リスト→LIST・一覧、ランダム→RANDOM・乱 等の一般的に見て理解出来る範囲の変更は構いませんが、リングの正式名称『Cele×Cana Web Ring』はできるだけ略せずに、そのままにして下さい。

テキストナビゲーションバー 代替表記サンプル
ホーム
 Cele×Cana Web Ring、セレカナウェブリング
リスト
 リスト、LIST、一覧
ランダム
 ランダム、LANDOM、乱
前へ
 BACK、前、戻る、≪、≫
5つ前へ
 BACK5、5つ前、5つ戻る、≪5、5≫
後ろへ
 NEXT、後、次ぎ、≫、≪
5つ後ろへ
 NEXT5、5つ後、5つ先、≫5、5≪

  サンプルバナーの画像は直リンクになっていますので、ある日突然変わる可能性あり。
 直リンクでは不都合がある場合は、バナーをお持ち帰り下さい。
バナーはこちら↓からどうぞ。
◆ バナー置き場 ◆ 
 新しいバナーが出来た時はこちらに古いものを移動させる予定です。
 以前のリングで使用していたバナーもこちらに収納済。
 現在のサンプルより、過去のバナーがお気に召した場合など
 バナーのお持ち帰りに御利用下さい。


※ご注意 の所は、配布されたサイトIDの数字を入れて下さい。


サンプル1
BACK LIST RANDOM NEXT
<!-- タグ開始 <A>タグ内は変更不可 -->
<table width="200" border="2" cellspacing="1" cellpadding="0" bordercolor="#006666"><tr> <td colspan="4"><a href="http://celecana.s250.xrea.com/" target="_blank"><img src="http://celecana.s250.xrea.com/ccwr01.gif" border="0"></a></td> </tr><tr align="center" bgcolor="#FFFFFF"> <td> <font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=back&t=0&id=&no=0" target="_blank"> BACK</a></font></td> <td> <font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=all&no=0" target="_blank">LIST</a></font></td> <td> <font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=randam&id=&no=0" target="_blank">RANDOM</a></font></td> <td> <font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=next&t=0&id=&no=0" target="_blank">NEXT</a></font></td> </tr></table>
<!-- タグ終了 なるべく改行しないこと -->


サンプル2
<<5<<>>5>>
<!-- タグ開始<A>タグ内は変更不可 -->
<table width="200" border="2" cellspacing="1" cellpadding="0" bordercolor="#006666">
<tr> <td colspan="4"><a href="http://celecana.s250.xrea.com/" target="_blank">
<img src="http://celecana.s250.xrea.com/ccwr01.gif" border="0"></a></td></tr> <tr align="center" bgcolor="#FFFFFF">
<td colspan="4"> <font size="2">
<a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=back&t=1&id=&no=0" target="_blank"><<5</a>| <a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=back&t=0&id=&no=0" target="_blank"><<</a>| <a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=all&no=0" target="_blank">覧</a>| <a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=randam&id=&no=0" target="_blank">乱</a>| <a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=next&t=0&id=&no=0" target="_blank">>></a>| <a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=next&t=1&id=&no=0" target="_blank">5>></a></font></td> </tr></table>
<!-- タグ終了 なるべく改行しないこと -->


サンプル3
LIST RANDOM
5 BACK 《 BACK NEXT 》 NEXT 5
<!-- タグ開始<A>タグ内は変更不可 -->
<table width="200" border="2" cellspacing="1" cellpadding="0" bordercolor="#006666"> <tr> <td colspan="4"><a href="http://celecana.s250.xrea.com/" target="_blank"><img src="http://celecana.s250.xrea.com/ccwr01.gif" border="0" width="200" height="40"></a></td> </tr> <tr align="center" bgcolor="#FFFFFF"> <td colspan="2"> <font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=all&no=0" target="_blank">LIST</a></font></td> <td colspan="2"> <font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=randam&id=&no=0" target="_blank">RANDOM</a></font></td> </tr> <tr align="center" bgcolor="#FFFFFF"> <td> <font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=back&t=1&id=&no=0" target="_blank">5 BACK</a></font></td> <td> <font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=back&t=0&id=&no=0" target="_blank">《 BACK</a></font></td> <td> <font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=next&t=0&id=&no=0" target="_blank">NEXT 》</a></font></td> <td> <font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=next&t=1&id=&no=0" target="_blank">NEXT 5</a></font></td> </tr> </table>
<!-- タグ終了 なるべく改行しないこと -->

サンプル4
<!-- タグ開始 <A>タグ内は変更不可 -->
<table border="0" cellspacing="0" height="23"> <tr> <td> <div align="center"><font size="2"> <a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=back&t=0&id=&no=0" target="_blank">《 BACK</a> </font></div> </td> <td rowspan="2" width="88" height="32"> <font size="2"><a href="http://celecana.s250.xrea.com/" target="_blank"><img src="http://celecana.s250.xrea.com/ccwr02.gif" border="0" width="88" height="32"></a> </font></td> <td> <font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=next&t=0&id=&no=0" target="_blank" >NEXT 》</a></font></td> </tr> <tr> <td> <div align="center"><font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=all&no=0" target="_blank" >LIST</a> </font></div> </td> <td> <div align="center"><font size="2"><a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=randam&id=&no=0" target="_blank" >RANDOM</a></font></div> </td> </tr> </table>
<!-- タグ終了 なるべく改行しないこと -->



サンプル5
 Cele×Cana web Ring << | | | >> 
<!-- タグ開始 <A>タグ内は変更不可 -->
<table border="0" cellspacing="0" cellpadding="0"><tr> <td align="center"><font size="2"> <a href="http://celecana.s250.xrea.com/" target="_blank" >Cele×Cana web Ring</a> <a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=back&t=0&id=
&no=0" target="_blank" ><<</a> | <a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=all&no=0" target="_blank" >覧</a> | <a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=randam&id=&no=0" target="_blank" >乱</a> | <a href="http://celecana.s250.xrea.com/cgi/ring/ering.cgi?mode=next&t=0&id=&no=0" target="_blank" >>></a> </font></td> </tr></table>
<!-- タグ終了 なるべく改行しないこと -->