うたうひとの会WebRing色違いナビバーと張り方

ダウンロードした画像を利用してRingを貼る場合：デザインその1

	うたうひとの会Ring
	[登録サイト一覧] [前の登録サイト] [前のサイト5コ] [ランダム]	[RING参加登録] [次の登録サイト] [次のサイト5コ] [リング元]

色違いのナビゲーションバー、各種ダウンロードしてお持ち帰り下さい
黒背景用の黒い画像を使う時は下記タグの bgcolor="#FFFFFF" を黒（#000000）に変更して下さい

下のタグの▲▲▲の部分に保存した画像の名前、●●●の部分にご自分のIDを入れてご利用下さい

<table width=300 border=0 style="border: 1px solid #00a0dd;">
<tr><td align=center width=96 height=96 bgcolor="#FFFFFF" rowspan="2" style="border: 1px solid #00a0dd;">


<a href="http://m-cat.com/webring/" target="_top">
<img src="http://ご自分のサイトのＵＲＬ/▲▲▲.gif" border=0 width=96 height=96></a>
</td>
<td align=center width=220 bgcolor="#FFFFFF" colspan="2" style="border: 1px solid #00a0dd;">

<span style="font-size:8pt">
<a href="http://m-cat.com/webring/index.cgi?no=0" target="_top" title="うた（詩、短歌、川柳etc）をうたう人達を繋ぐリンクの輪">うたうひとの会Ring</a>
</span>
</td></tr><tr><td width=110 align=center bgcolor="#FFFFFF" style="font-size:8pt; border: 1px solid #00a0dd;">
[<a href="http://m-cat.com/webring/index.cgi?mode=all&no=0" target="_top">登録サイト一覧</a>]<br>
[<a href="http://m-cat.com/webring/index.cgi?mode=back&t=0&id=●●●&no=0" target="_top">前の登録サイト</a>]<br>
[<a href="http://m-cat.com/webring/index.cgi?mode=back&t=1&id=●●●&no=0" target="_top">前のサイト5コ</a>]<br>
[<a href="http://m-cat.com/webring/index.cgi?mode=randam&id=●●●&no=0" target="_top">ランダム</a>]
</td><td width=110 align=center bgcolor="#FFFFFF" style="font-size:8pt; border: 1px solid #00a0dd;">
[<a href="http://m-cat.com/webring/index.cgi?no=0" target="_top">RING参加登録</a>]<br>
[<a href="http://m-cat.com/webring/index.cgi?mode=next&t=0&id=●●●&no=0" target="_top">次の登録サイト</a>]<br>
[<a href="http://m-cat.com/webring/index.cgi?mode=next&t=1&id=●●●&no=0" target="_top">次のサイト5コ</a>]<br>
[<a href="http://m-cat.com/" target="_top">リング元</a>]
</td></tr></table>

ダウンロードした画像を利用してRingを貼る場合：デザインその2

うたうひとの会Ring
[一覧] [登録]

色違いのナビゲーションバー、アイテム画像など、各種ダウンロードしてお持ち帰り下さい
黒背景用の黒い画像を使う時は下記タグの bgcolor="#FFFFFF" を黒（#000000）に変更して下さい

下のタグの▲▲▲の部分に保存した画像の名前、●●●の部分にご自分のIDを入れてご利用下さい

<table width=140 border=0 style="border: 1px solid #00a0dd;">
<tr><td align=center width=140 bgcolor="#FFFFFF">


<a href="http://m-cat.com/webring/" target="_top">
<img src="http://ご自分のサイトのＵＲＬ/▲▲▲.gif" border=0 width=110 height=55></a>
<br>
<span style="font-size:8pt">
<a href="http://m-cat.com/webring/index.cgi?no=0" target="_top" title="うた（詩、短歌、川柳etc）をうたう人達を繋ぐリンクの輪">うたうひとの会Ring</a><br>
[<a href="http://m-cat.com/webring/index.cgi?mode=all&no=0" target="_top">一覧</a>]
[<a href="http://m-cat.com/webring/index.cgi?no=0" target="_top">登録</a>]<br>
</span>
<span style="font-size:10pt">
<a href="http://m-cat.com/webring/index.cgi?mode=randam&id=●●●&no=0" target="_top" title="ランダム/random"><img src="http://ご自分のサイトのＵＲＬ/▲▲▲.gif" border=0 width=14 height=15 align="center"></a>
<a href="http://m-cat.com/webring/index.cgi?mode=back&t=1&id=●●●&no=0" target="_top" title="5つ前/back"><img src="http://ご自分のサイトのＵＲＬ/▲▲▲.gif" border=0 width=21 height=13 align="center"></a>
<a href="http://m-cat.com/webring/index.cgi?mode=back&t=0&id=●●●&no=0" target="_top" title="前/back"><img src="http://ご自分のサイトのＵＲＬ/▲▲▲.gif" border=0 width=13 height=13 align="center"></a>
<a href="http://m-cat.com/webring/index.cgi?mode=next&t=0&id=●●●&no=0" target="_top" title="次/next"><img src="http://ご自分のサイトのＵＲＬ/▲▲▲.gif.gif" border=0 width=13 height=13 align="center"></a>
<a href="http://m-cat.com/webring/index.cgi?mode=next&t=1&id=●●●&no=0" target="_top" title="5つ次/next"><img src="ご自分のサイトのＵＲＬ/▲▲▲.gif.gif" border=0 width=21 height=13 align="center"></a>
<a href="http://m-cat.com/" target="_top" title="主催先/master"><img src="http://ご自分のサイトのＵＲＬ/▲▲▲.gif" border=0 width=14 height=15 align="center"></a>
</span>
</td></tr></table>

画像なしでRingを貼る場合：デザインその3

うたうひとRing
[乱] [覧] [前] [次] [登] [管]

下のタグの●●●の部分にご自分のIDを入れてご利用下さい

<table width=140 border=0 style="border: 1px solid #00a0dd;">
<tr><td align=center bgcolor="#FFFFFF">
<span style="font-family: Comic Sans MS, Arial, sans-serif; font-size: 10pt; font-weight: bold;">
<a href="http://m-cat.com/webring/" target="_top" title="うた（詩、短歌、川柳etc）をうたう人達を繋ぐリンクの輪">うたうひとRing</a>
</span><br>
<span style="font-size:8pt">
[<a href="http://m-cat.com/webring/index.cgi?mode=randam&id=●●●&no=0" target="_top" title="ランダム/random" title="ランダム/random">乱</a>]
[<a href="http://m-cat.com/webring/index.cgi?mode=all&no=0" target="_top" title="参加者一覧">覧</a>]
[<a href="http://m-cat.com/webring/index.cgi?mode=back&t=0&id=●●●&no=0" target="_top" title="前/back" title="前/back">前</a>]
[<a href="http://m-cat.com/webring/index.cgi?mode=next&t=0&id=●●●&no=0" target="_top" title="次/next" title="次/next">次</a>]
[<a href="http://m-cat.com/webring/index.cgi?no=0" target="_top" title="登録">登</a>]
[<a href="http://m-cat.com/" target="_top" title="主催先/master">管</a>]
</span>
</td></tr></table>

[ 画面上に戻る ]