|
リングに参加するため、次のどれかのナビゲーションバーを設置していただくことになります。
どのナビゲーションバーも、機能に問題がなければカスタマイズされて構いません。
ナビゲーションバーのボタンは次のような機能を持ちます。
“*istDウェブリング” |
このサイトのトップページにジャンプします。 |
“前” “←” “↑” |
一つ前のサイトに戻ります。 |
“次” “→” “↓” |
一つ前のサイトに進みます。 |
“ランダム” |
ランダムでリング内のどこかのサイトにジャンプします。 |
“リスト” |
*istDウェブリングに登録済みのサイト一覧が見られます。 |
1)テキストタイプ |
(↑このナビゲーションバーは実際に稼動しています。試しに押してみてください) |
以下のタグの“■■■”の部分を自分のサイトIDに書き換えてHTMLに組み込んでください。
フォントサイズやカラーなどは異なっても構いません。 |
<!-- ここから -->
<table width="260" border="0" cellpadding="2" cellspacing="0" bgcolor="#CCCCCC"><tr>
<td><div align="center">
<a href="http://istd.s60.xrea.com/" target="_top">*istDウェブリング</a></div></td></tr><tr>
<td><table width="260" border="0" align="center" cellpadding="2" cellspacing="0"><tr>
<td width="302" nowrap bgcolor="#FFFFFF"><div align="center" >
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;id=■■■;prev" target="_top">前</a> /
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;id=■■■;next" target="_top"> 次</a> /
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;;random" target="_top">ランダム</a> /
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;list" target="_top">リスト</a>
</div></td></tr></table></td></tr>
</table>
<!-- ここまで -->
|
2)画像タイプT(174×34ピクセル) |
01
02 |
上の画像の右にある二桁の数字のうち、選んだ方の数字を“▲▲”と書き換えてください。
“■■■”の部分を自分のサイトIDに書き換えてHTMLに組み込んでください。 |
<!-- ここから -->
<img src="http://istd.s60.xrea.com/images/navibar▲▲.gif" width="174" height="34" border="0" usemap="#istdMap">
<map name="istdMap">
<area shape="rect" coords="40,3,173,20" href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;home" target="_top" alt="*istDウェブリング、ホーム">
<area shape="rect" coords="49,19,68,33" href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;id=■■■;prev" target="_top" alt="前へ">
<area shape="rect" coords="70,19,112,33" href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;;random" target="_top" alt="ランダム">
<area shape="rect" coords="117,19,142,33" href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;list" target="_top" alt="一覧">
<area shape="rect" coords="143,19,164,33" href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;id=■■■;next" target="_top" alt="次へ">
</map>
<!-- ここまで -->
|
3)画像タイプU(60×60ピクセル) |
03
04 |
上の画像の右にある二桁の数字のうち、選んだ方の数字を“▲▲”と書き換えてください。
“■■■”の部分を自分のサイトIDに書き換えてHTMLに組み込んでください。 |
<!-- ここから -->
<img src="http://istd.s60.xrea.com/images/navibar▲▲.gif" width="60" height="60" border="0" usemap="#istdMap2"><br>
<br><map name="istdMap2">
<area shape="rect" coords="2,2,58,19" href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;home" target="_top" alt="*istDウェブリング、ホーム">
<area shape="rect" coords="5,19,36,57" href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;home" target="_top" alt="*istDウェブリング、ホーム">
<area shape="rect" coords="42,19,58,33" href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;id=■■■;prev" target="_top" alt="前へ">
<area shape="rect" coords="42,33,59,48" href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;list" target="_top" alt="一覧">
<area shape="rect" coords="42,46,58,61" href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;id=■■■;next" target="_top" alt="次へ">
</map>
<!-- ここまで -->
|
4)画像タイプV(100×100ピクセル)
|
|
05
|
|
|
|
06 |
|
|
|
上の画像の右にある二桁の数字のうち、選んだ方の数字を“▲▲”と書き換えてください。
“■■■”の部分を自分のサイトIDに書き換えてHTMLに組み込んでください。 |
<!-- ここから -->
<table width="100" border="0" cellspacing="0" cellpadding="2"><tr><td>
<a href="http://istd.s60.xrea.com/" target="_top">
<img src="http://istd.s60.xrea.com/images/navibar▲▲.jpg" alt="*istDウェブリング、ホーム" width="100" height="100" border="0"></a>
</td></tr><tr><td>
<div align="center">
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;id=■■■;prev" target="_top">← </a>
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;random" target="_top">random</a>
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;list" target="_top">list</a>
<a href="http://www.webring.ne.jp/cgi-bin/webring?ring=istd;id=■■■;next" target="_top">→</a>
</div></td></tr>
</table>
<!-- ここまで -->
|
|