■ナビゲーションバーのいろいろ■
おはぎさんバージョン(基本発展形)
ナビゲーションバー画像 | 説明・サイズソース | |||||||||
|
バナータイプを元にシンプルな感じで。 (制作:ID=3おはぎさん) |
|||||||||
■下記のソースをコピーして貼り付けてください。”あなたのID”のところは自分のID(半角数字)に書き換えてください。 <!---この行から貼り付け■MEC リングバーその1長方形---> <TABLE> <TR> <TD rowspan="4"><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="リングバー1"></A></TD> <TD><FONT size="1"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのID;prev" target="_top">BACK</A></FONT> </TD> </TR> <TR> <TD><FONT size="1"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのID;next" target="_top">NEXT</A> </FONT></TD> </TR> <TR> <TD><FONT size="1"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;random" target="_top"> RANDOM</FONT></A> </TD> </TR> <TR> <TD> <FONT size="1"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;list" target="_top"> LIST</A> </FONT></TD> </TR> </TBODY> </TABLE> <!---ここまで---> |
||||||||||
|
和風に。メニューが漢字一文字になっていて キュートです。 特に「表」「混」が最高! (制作:ID=3おはぎさん) |
|||||||||
■下記のソースをコピーして貼り付けてください。”あなたのID”のところは自分のID(半角数字)に書き換えてください。 <!---この行から貼り付け■MEC リングバーその2丸いタイプ---> <TABLE cellpadding="2" cellspacing="0" border="0"> <TBODY> <TR> <TD> </TD> <TD align="center"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;list" target="_top"> <FONT size="2">表</FONT></A> </TD> <TD></TD> </TR> <TD> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのID;prev" target="_top"> <FONT size="2">戻</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/ringbar2.gif" width="153" height="143" border="0"></A> </TD> <TD> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのID;next" target="_top"> <FONT size="2">次</A></FONT></TD> </TR> <TR> <TD></TD> <TD align="center"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;random" target="_top"> <FONT size="2">混</FONT> </A> </TD> <TD></TD> </TR> </TABLE> <!---ここまで---> |
||||||||||
|
バータイプの変形版です。 これまたよりコンパクトに。メニューを 横に配置することで、 立て幅がよりスマートになっています。 (制作:ID=3おはぎさん) |
|||||||||
■下記のソースをコピーして貼り付けてください。”あなたのID”のところは自分のID(半角数字)に書き換えてください。 <!---この行から貼り付け■MEC リングバーその3バータイプ---> <TABLE cellpadding="2" cellspacing="0" border="0"> <TR> <TD align> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのID;prev" target="_top"> <FONT size="2">BACK</FONT></A> </TD> <TD rowspan="2" 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/ringbar3.gif" width="396" height="27" border="0"></A> </TD> <TD> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのID;next" target="_top"> <FONT size="2">NEXT</FONT></A> </TD> </TR> <TR> <TD> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;random" target="_top"> <FONT size="2">RANDOM</FONT></A> </TD> <TD> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;list" target="_top"><FONT size="2">LIST</FONT></A> </TD></TR> </TABLE> <!---ここまで---> |
||||||||||
|
テキストタイプです。 場所を取らない・画像がないので軽いです。 (制作:ID=3おはぎさん) |
|||||||||
■下記のソースをコピーして貼り付けてください。”あなたのID”のところは自分のID(半角数字)に書き換えてください。 <!---この行から貼り付け■MEC リングバーその4テキストタイプ1---> <TABLE border="0" cellspacing="0" cellpadding="0" bgcolor="green"> <TR> <TD> <TABLE border="0" cellspacing="1" cellpadding="2"> <TR> <TD rowspan="2" bgcolor="#B4E4B1"><font size="1" color="green">クレヨン王国WEBRING</font><br> <A href="http://www.vesta.dti.ne.jp/~oriya/mecring/mectop.html" target="_top"><FONT size="2" color="green"> 月のたまごを守る会</FONT></A></TD> <TD bgcolor="#B4E4B1"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのID;prev" target="_top"> <FONT size="1" color="green">BACK</FONT></A></TD> <TD bgcolor="#B4E4B1"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのID;next" target="_top"> <FONT size="1" color="green">NEXT</FONT></A></TD> </TR> <TR> <TD bgcolor="#B4E4B1"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;random" target="_top"> <FONT size="1" color="green">RANDOM</FONT></A></TD> <TD bgcolor="#B4E4B1"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;list" target="_top"> <FONT size="1" color="green">LIST</FONT></A></TD> </TR> </TABLE> </TD> </TR> </TABLE> <!---ここまで---> |
||||||||||
|
テキストタイプです。 背景が透けているので、 どんなHPにもマッチング。 (制作:ID=3おはぎさん) |
|||||||||
■下記のソースをコピーして貼り付けてください。”あなたのID”のところは自分のID(半角数字)に書き換えてください。 <!---この行から貼り付け■MEC リングバーその4テキストタイプ2---> <TABLE border="1" cellspacing="0" cellpadding="2"> <TR> <TD colspan="4" align="center"><font size="1">クレヨン王国WEBRING</font><br> <font size="2"> <A href="http://www.vesta.dti.ne.jp/~oriya/mecring/mectop.html" target="_top">月のたまごを守る会</A></font></TD> </TR> <TR> <TD><FONT size="1"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのID;prev" target="_top">BACK</A></FONT> </TD> <TD><FONT size="1"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;id=あなたのID;next" target="_top">NEXT</A></FONT> </TD> <TD><FONT size="1"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;random" target="_top">RANDOM</FONT> </A></TD> <TD><FONT size="1"> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=mec;list" target="_top"> LIST</A> </FONT></TD> </TR> </TABLE> <!---ここまで---> |