画像ありバージョン
←サンプルです<IMG src="image/navi01.gif" width="119" height="59" border="0" usemap="#navi"><MAP name="navi">
<AREA href="http://www.geocities.co.jp/CollegeLife-Lounge/9449/" shape="rect" coords="2,2,119,34" target="_blank">
<AREA shape="rect" coords="1,37,21,62" href="http://www.webring.ne.jp/cgi-bin/webring?ring=universityair;id=あなたのID;prev" target="_blank">
<AREA href="http://www.webring.ne.jp/cgi-bin/webring?ring=universityair;id=あなたのID;next" shape="rect" coords="99,35,121,62" target="_blank">
<AREA href="http://www.webring.ne.jp/cgi-bin/webring?ring=universityair;list" shape="rect" coords="22,37,48,61" target="_blank">
<AREA shape="rect" coords="49,37,99,60" href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=universityair" target="_blank">
</MAP>
---------ソース・ここまで------------
「あなたのID」というところは仮登録後に送られてくるメールに書いてあるIDに書き換えてください。
ソースの1行目<IMG src="〜navi01.gif"〜の部分を下のナビゲーションバーの画像に変更することができます。
IMG src="http://www.geocities.co.jp/CollegeLife-Lounge/9449/image/navi01.gif"
IMG src="http://www.geocities.co.jp/CollegeLife-Lounge/9449/image/navi02.gif"
IMG src="http://www.geocities.co.jp/CollegeLife-Lounge/9449/image/navi03.gif"
IMG src="http://www.geocities.co.jp/CollegeLife-Lounge/9449/image/navi04.gif"
IMG src="http://www.geocities.co.jp/CollegeLife-Lounge/9449/image/navi05.gif"
画像なしバージョン
Back|List|Random|Next
-----------------ソースここから----------
＜<A href="http://www.geocities.co.jp/CollegeLife-Lounge/9449/" target="_top">放送大学WebRing</A>＞<BR>
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=universityair;id=あなたのID;prev" target="_top">Back</A>|<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=universityair;list" target="_top">List</A>|<A href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=universityair" target="_top">Random</A>|<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=universityair;id=あなたのID;next" target="_top">Next</A>
-----------------ソースここまで----------
従来のナビゲーションバータイプ
注意1：ナビゲーションバーの周りの枠の色はご自由に変更してください。
（ソース4行目の＜TD bgcolor="色の設定"＞）
注意2：画像はできるだけDLしてご利用ください。
|
----------ソースここから----------
<TABLE border="0" cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD bgcolor="#0000cc">
<TABLE border="0" cellpadding="2" cellspacing="1">
<TBODY>
<TR>
<TD bgcolor="#ffffff"><A href="http://www.geocities.co.jp/CollegeLife-Lounge/9449/" target="_blank"><IMG src="navi06.gif" width="87" height="50" border="0"></A></TD>
<TD bgcolor="#ffffff" align="right"><A href="http://www.webring.ne.jp/cgi-bin/webring?ring=universityair;id=あなたのID;prev" target="_top">[Back]</A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=universityair;id=あなたのID;next" target="_top">[Next]</A><BR>
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=universityair;list" target="_top">[List]</A> <A href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=universityair" target="_top">[Random]</A></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
----------ソースここまで----------
|
----------ソースここから----------
<TABLE border="0" cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD bgcolor="#009900">
<TABLE border="0" cellpadding="2" cellspacing="1">
<TBODY>
<TR>
<TD bgcolor="#ffffff"><A href="http://www.geocities.co.jp/CollegeLife-Lounge/9449/" target="_blank"><IMG src="navi07.gif" width="79" height="60" border="0"></A></TD>
<TD bgcolor="#ffffff" align="right"><A href="http://www.webring.ne.jp/cgi-bin/webring?ring=universityair;id=あなたのID;prev" target="_top">[Back]</A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=universityair;id=あなたのID;next" target="_top">[Next]</A><BR>
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=universityair;list" target="_top">[List]</A> <A href="http://www.webring.ne.jp/cgi-bin/webring?random;ring=universityair" target="_top">[Random]</A></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
----------ソースここまで----------