MUSIC ARTIST RING JAPANに登録された方は、
ここでナビゲーションバーのソースをコピーし、IDを書き換えてTOPページに貼ってください。
やもえずTOPページに貼れない場合はサイト情報のページでアドレスの変更を行なって下さい。
赤の部分が登録者が書きかえるとこです。

<P><CENTER><MAP NAME="g_map1">

<AREA SHAPE=RECT COORDS="207,56,254,71" HREF="http://home.att.ne.jp/orange/kentaro/maj.htm">

<AREA SHAPE=RECT COORDS="158,57,197,71" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;next5">

<AREA SHAPE=RECT COORDS="118,57,147,70" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;skip">

<AREA SHAPE=RECT COORDS="77,57,111,70" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;next">

<AREA SHAPE=RECT COORDS="204,39,258,53" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;random">

<AREA SHAPE=RECT COORDS="162,40,194,54" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;prev">

<AREA SHAPE=RECT COORDS="114,40,154,53" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;sprev">

<AREA SHAPE=RECT COORDS="65,41,105,54" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;prev5">

</MAP><IMG USEMAP="#g_map1" SRC="http://home.att.ne.jp/orange/kentaro/marj.jpg" WIDTH=370 HEIGHT=76

X-SAS-UseImageWidth X-SAS-UseImageHeight BORDER=0 ALIGN=bottom>

</CENTER></P>
以上がソースです。

GIF画像です。8kbくらいかな。

ちょっと重めかなぁ・・・。

透明インタレースはかけてあります。

白または白っぽいサイト向け。

このサンプルにリンクタグはかけてないです。

<P><CENTER><MAP NAME="v_map1">

<AREA SHAPE=RECT COORDS="239,70,286,84" HREF="http://home.att.ne.jp/orange/kentaro/maj.htm">

<AREA SHAPE=RECT COORDS="176,70,221,86" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;next5">

<AREA SHAPE=RECT COORDS="117,72,152,86" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;skip">

<AREA SHAPE=RECT COORDS="65,72,101,87" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;next">

<AREA SHAPE=RECT COORDS="230,46,287,62" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;random">

<AREA SHAPE=RECT COORDS="179,46,212,63" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;prev">

<AREA SHAPE=RECT COORDS="119,46,162,63" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;sprev">

<AREA SHAPE=RECT COORDS="63,46,106,63" HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;prev5">

</MAP><IMG USEMAP="#v_map1" SRC="http://home.att.ne.jp/orange/kentaro/violin-navi.gif" WIDTH=350 HEIGHT=93

X-SAS-UseImageWidth X-SAS-UseImageHeight BORDER=0 ALIGN=bottom>
以上がソースです。

PREV5PREV2PREVRANDOMNEXTSKIPNEXT5
これは一応黒いサイト向けなんですがGIFとリンク部分が

別になってます。クリッカブルマップの調子が悪い人は

こっちが良いでしょう。5kbくらい。一番軽いかな。

<P><CENTER><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=3>

<TR>

<TD bgcolor="#000000">

<P><CENTER><A HREF="http://home.att.ne.jp/orange/kentaro/maj.htm"><IMG

SRC="http://home.att.ne.jp/orange/kentaro/sax-navi.gif" WIDTH=263 HEIGHT=71 X-SAS-UseImageWidth

X-SAS-UseImageHeight BORDER=0 ALIGN=bottom></A></CENTER>

</TD></TR>

<TR>

<TD bgcolor="#000000">

<P><CENTER><FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;prev5%0D">PREV5</A></FONT>・<FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;sprev%0D">PREV2</A></FONT>・<FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;prev">PREV</A></FONT>・<FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;random">RANDOM</A></FONT>・<B><FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;next">NEXT</A></FONT></B>・<FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;skip">SKIP</A></FONT>・<FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;next5">NEXT5</A></FONT>

</CENTER>

</TD></TR>

</TABLE>
以上がソースです。


上のは透明がかかってないのですが

 下のGIFは透明効果のある画像です。

黒に近いサイトや黒っぽい背景のものには良いかも...

テーブルを組んでいるので、自分のサイトのBGCOLORに

合わせた色を書くとマッチするかな。
PREV5PREV2PREVRANDOMNEXTSKIPNEXT5

<P><CENTER><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=3>

<TR>

<TD bgcolor="#自分のサイトに合わせた色">

<P><CENTER><A HREF="http://home.att.ne.jp/orange/kentaro/maj.htm"><IMG

SRC="http://home.att.ne.jp/orange/kentaro/sax_t-navi.gif" WIDTH=263 HEIGHT=71 X-SAS-UseImageWidth

X-SAS-UseImageHeight BORDER=0 ALIGN=bottom></A></CENTER>

</TD></TR>

<TR>

<TD bgcolor="#自分のサイトに合わせた色">

<P><CENTER><FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;prev5%0D">PREV5</A></FONT>・<FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;sprev%0D">PREV2</A></FONT>・<FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;prev">PREV</A></FONT>・<FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;random">RANDOM</A></FONT>・<B><FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;next">NEXT</A></FONT></B>・<FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;skip">SKIP</A></FONT>・<FONT

COLOR="#FFFF00"><A HREF="http://www.webring.ne.jp/cgi-bin/webring?ring=mussicartist;id=;next5">NEXT5</A></FONT>

</CENTER>

</TD></TR>

</TABLE>
以上がソースです。


design by: Kayoko@Voice in the mood.