■ナビゲーションバーのいろいろ■
織夜バージョン（基本ナビゲーションバー）

ナビゲーションバー画像 説明・サイズソース
▲ ▼
random--list
ミニバナータイプ。大きさが小さいので場所をとりません。
画像サイズは88*31
文字色は自由に変えられます。
（制作：ＩＤ＝１織夜）
■下記のソースをコピーして貼り付けてください。”あなたのＩＤ”のところは自分のＩＤに書き換えてください。

<!---この行から貼り付け■ＭＥＣ　リングバーその４ミニバナー--->
<TABLE border="0"> <TBODY> <TR> <TD>
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのＩＤ;prev" target="_top">▲</A></TD>
<TD><A href="http://www.vesta.dti.ne.jp/~oriya/mecring/mectop.html" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/ringbar4.gif" width="88" height="31" border="0" alt="月のたまごを守る会">
</A></TD>
<TD><A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのＩＤ;next" target="_top">▼</A></TD> </TR>
<TR> <TD></TD> <TD><B><A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;random" target="_top">random</A>
--<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;list" target="_top">list</A>
</B></TD> <TD></TD> </TR> </TBODY> </TABLE>
<!---ここまで--->
■ リスト ■
まえ 月のたまごを守る会 つぎ
■ ランダム ■
正方形タイプ。ちょっとおしゃれでかわいい印象。
画像サイズは88*88
周りも画像を使っています。
おはぎさんの和風タイプにヒントを得ました。
（制作：ＩＤ＝１織夜）
■下記のソースをコピーして貼り付けてください。”あなたのＩＤ”のところは自分のＩＤに書き換えてください。

<!---この行から貼り付け■ＭＥＣ　リングバーその５正方形-->
<TABLE border="0">
<TBODY> <TR> <TD>
<FONT color="#990000">■</font></TD> <TD>
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;list" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/rb_list.gif" width="89" height="9" border="0" alt="リスト" align="bottom">
</A></TD> <TD><FONT color="#990000">■</font></TD> </TR> <TR>
<TD align="right"><A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのＩＤ;prev" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/rb_back.gif" width="9" height="90" border="0" alt="まえ"></A></TD> <TD>
<A href="http://www.vesta.dti.ne.jp/~oriya/mecring/mectop.html" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/ringbar5.gif" width="88" height="88" border="0" alt="月のたまごを守る会">
</A></TD> <TD align="left">
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのＩＤ;next" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/rb_next.gif" width="10" height="88" border="0" alt="つぎ"></A></TD>
</TR> <TR> <TD><FONT color="#990000">■</font></TD> <TD>
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;random" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/rb_random.gif" width="88" height="9" border="0" alt="ランダム" align="top">
</A></TD> <TD><FONT color="#990000">■</font></TD> </TR> </TBODY>
</TABLE>
<!---ここまで--->
バータイプです。
スリムなバーで、ＨＰのレイアウトによっては
邪魔にならずに貼れるでしょう。
画像サイズは525*16
メニューはこれでは画像を使用していますが、
使用しないで文字でしても良いかも。
■下記のソースをコピーして貼り付けてください。”あなたのＩＤ”のところは自分のＩＤに書き換えてください。

<!---この行から貼り付け■ＭＥＣ　リングバーその６バー--->
<TABLE border="0"> <TBODY> <TR> <TD>
<A href="http://www.vesta.dti.ne.jp/~oriya/mecring/mectop.html" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/ringbar6.gif" width="525" height="16" border="0" alt="月のたまごを守る会"></a></TD> </TR>
<TR> <TD align="center"><A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのＩＤ;prev" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/rb_back2.gif" width="89" height="9" border="0" alt="まえ"></A>
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのＩＤ;next" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/rb_next2.gif" width="87" height="9" border="0" alt="つぎ"></A>
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;random" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/rb_random.gif" width="88" height="9" border="0" alt="ランダム"></A>
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;list" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/rb_list.gif" width="89" height="9" border="0" alt="リスト"></A>
</TD> </TR> </TBODY> </TABLE>
<!---ここまで--->
リングバー１
BACK● RANDOM ●NEXT
●LIST●
長方形タイプです。バナーっぽい感じです。
画像サイズは178*63
画像の色は変えられませんが、
２・３行目は文字色、バックの色は
自由に変えることが出来ます。
（制作：ＩＤ＝１織夜）
■下記のソースをコピーして貼り付けてください。”あなたのＩＤ”のところは自分のＩＤに書き換えてください。

<!---この行から貼り付け■ＭＥＣ　リングバーその１長方形--->
<TABLE width="178">
<TBODY>
<TR> <TD bgcolor="#fbf5d0"><A href="http://www.vesta.dti.ne.jp/~oriya/mecring/mectop.html" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/ringbar1.gif" width="178" height="63" border="0" alt="リングバー１"></A></TD> </TR>
<TR> <TD bgcolor="#fbf5d0" align="center"><FONT color="#990000">
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのＩＤ;prev" target="_top">BACK</A>●
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;random" target="_top">RANDOM</A> ●
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのＩＤ;next" target="_top">NEXT</A></FONT></TD>
</TR>
<TR>
<TD bgcolor="#fbf5d0" align="center"><FONT color="#990000">●
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;list" target="_top">LIST</A>●
</FONT></TD> </TR>
</TBODY>
</TABLE>
<!---ここまで--->
●
BACK
NEXT
RANDOM
LIST
●
丸いデザインです。卵っぽい雰囲気です。
画像サイズは153*143
画像の色は変えられませんが、
「ＢＡＣＫ」などの文字の色とバックの色が変えられます。
（制作：ＩＤ＝１織夜）
■下記のソースをコピーして貼り付けてください。”あなたのＩＤ”のところは自分のＩＤに書き換えてください。

<!---この行から貼り付け■ＭＥＣ　リングバーその２丸いタイプ--->
<TABLE height="143">
<TBODY>
<TR>
<TD width="153" height="144"><A href="http://www.vesta.dti.ne.jp/~oriya/mecring/mectop.html" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/ringbar2.gif" width="153" height="143" border="0"></A></TD>
<TD align="center">
<FONT color="#fae0c0">●</FONT><FONT color="#fae0c0"><BR> </FONT>
<TABLE>
<TBODY><TR>
<TD bgcolor="#fbf5d0" align="center"><FONT color="#990000">
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのＩＤ;prev" target="_top">BACK</A><BR>
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのＩＤ;next" target="_top">NEXT</A>
</FONT></TD> </TR> <TR>
<TD bgcolor="#fbf5d0" align="center"><FONT color="#990000">
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;random" target="_top">
<FONT color="#990000">RANDOM</FONT><BR>
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;list" target="_top">
<FONT color="#990000">LIST</A></FONT></TD> </TR>
</TBODY>
</TABLE>
<!---ここまで--->
BACK● NEXT●RANDOM●LIST●
バータイプです。ページの邪魔にならない感じです。
画像サイズは396*27
２行目のＢＡＣＫなどの文字色、バックの色が変えられます。
（制作：ＩＤ＝１織夜）
■下記のソースをコピーして貼り付けてください。”あなたのＩＤ”のところは自分のＩＤに書き換えてください。

<!---この行から貼り付け■ＭＥＣ　リングバーその３バータイプ--->
<TABLE width="396">
<TBODY>
<TR>
<TD nowrap><A href="http://www.vesta.dti.ne.jp/~oriya/mecring/mectop.html" target="_top">
<IMG src="http://www.vesta.dti.ne.jp/~oriya/mecring/ringbar3.gif" width="396" height="27" border="0"></A></TD> </TR> <TR> <TD bgcolor="#faf4d8">
<CENTER>
<FONT color="#990000">
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのＩＤ;prev" target="_top">BACK</A>
● <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのＩＤ;next" target="_top">NEXT</A></FONT>
<FONT color="#990000">●<FONT color="#990000">
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;random" target="_top">RANDOM</A>●</FONT>
<A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;list" target="_top">LIST</A>●</FONT>
</CENTER> </TD> </TR>
</TBODY>
</TABLE>
<!---ここまで--->