恋愛の達人Webリングとは
Webリングの説明をします
登録までの流れ
参加希望の方は必ず読んで下さい。
ナビゲーションバー
ナビゲーションバーの見本とソースを掲載しています。
仮登録フォーム
登録はこちらから。
サイト情報の更新・削除 |
|
topic
◆ナビゲーションバー
「恋愛の達人Webリング」に仮登録したら、トップページにナビゲーションバーを設置して下さい。
これは、見えにくい場所に置くとナビゲーションの役割が果たされなくなってしまい、
次のサイトへの移動が出来なくなってしまうためです。
(デザインの関係上トップページに設置したくない場合は、ご相談下さい)
ナビゲーションバーは、「恋愛の達人Webリング」の登録サイト間を移動するのに不可欠な、
リングの生命線です。必ず、正確に設置して下さい。
◆ナビゲーションバーのデザイン
サイトに自然に設置できるように、現時点で5つのデザインを用意しています。
以下のものから好きなデザインを選んでください。
また新たなデザインの希望があれば、こちらまでメールしてください。
ちなみに、新しいデザインを作ってくれるのも大歓迎です!
◆サンプルソース
◆パターン1.重厚
(1)右の画像を右クリック→「名前をつけて画像を保存」します。
(2)保存した画像をあなたのサイトのサーバ内にアップします
(3)下のソースを、あなたのサイトのトップページ内に追加します。
(4)ソース中の画像のURLを、先ほどアップした画像のURLに書き換えます。
(5)●をあなたのサイトIDに書き換えればOKです
(●は2箇所あります)。 |
|
[htmlソース] ※書き換える部分は赤で示してあります。
<TABLE border="0" bgcolor="#aa1700" width="175">
<TR>
<TD align="center"><A href="http://www.rentatu.com" target="_blank"><IMG src="http://www.rentatu.com/img/ring.gif" width="165" height="65" border="0" alt="恋愛の達人たちがあなたをサポート"></A><BR>
<basefont size="2"><B><A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;id=●;next" target="_top"><font color="#ffcc99">next</font></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;id=●;prev" target="_top"><font color="#ffcc99">prev</font></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;random" target="_top"><font color="#ffcc99">random</font></A> <A href="http://www.rentatu.com" target="_top"><font color="#ffcc99">home</font></A></B><BR>
</TD>
</TR>
<TR>
<TD height="1" bgcolor="#ffcc99"></TD>
</TR>
</TABLE>
|
◆パターン2.暖色
(1)右の画像を右クリック→「名前をつけて画像を保存」します。
(2)保存した画像をあなたのサイトのサーバ内にアップします
(3)下のソースを、あなたのサイトのトップページ内に追加します。
(4)ソース中の画像のURLを、先ほどアップした画像のURLに書き換えます。
(5)●をあなたのサイトIDに書き換えればOKです
(●は2箇所あります)。 |
|
[htmlソース] ※書き換える部分は赤で示してあります。
<TABLE border="0" bgcolor="#ffdd99">
<TR>
<TD align="center" bgcolor="#ffffff"><A href="http://www.rentatu.com" target="_blank"><IMG src="http://www.rentatu.com/img/ring/ring_orange.gif" width="146" height="62" border="0" alt="恋愛の達人たちがあなたをサポート"></A><BR>
<basefont size="2"><B><A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;id=●;next" target="_top"><FONT color="#aa1700">次</FONT></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;id=●;prev" target="_top"><FONT color="#aa1700">前</FONT></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;random" target="_top"><FONT color="#aa1700">乱</FONT></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;list" target="_top"><FONT color="#aa1700">覧</FONT></A></B></TD>
</TR>
</TABLE>
|
◆パターン3.寒色
(1)右の画像を右クリック→「名前をつけて画像を保存」します。
(2)保存した画像をあなたのサイトのサーバ内にアップします
(3)下のソースを、あなたのサイトのトップページ内に追加します。
(4)ソース中の画像のURLを、先ほどアップした画像のURLに書き換えます。
(5)●をあなたのサイトIDに書き換えればOKです
(●は2箇所あります)。 |
|
[htmlソース] ※書き換える部分は赤で示してあります。
<TABLE border="0" bgcolor="#ddddff">
<TR>
<TD align="center" bgcolor="#ffffff"><A href="http://www.rentatu.com" target="_blank"><IMG src="http://www.rentatu.com/img/ring/ring_blue.gif" width="146" height="62" border="0" alt="恋愛の達人たちがあなたをサポート"></A><BR>
<basefont size="2"><B><A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;id=●;next" target="_top"><FONT color="#0055cc">次</FONT></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;id=●;prev" target="_top"><FONT color="#0055cc">前</FONT></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;random" target="_top"><FONT color="#0055cc">乱</FONT></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;list" target="_top"><FONT color="#0055cc">覧</FONT></A></B></TD>
</TR>
</TABLE>
|
◆パターン4.淡色
(1)右の画像を右クリック→「名前をつけて画像を保存」します。
(2)保存した画像をあなたのサイトのサーバ内にアップします
(3)下のソースを、あなたのサイトのトップページ内に追加します。
(4)ソース中の画像のURLを、先ほどアップした画像のURLに書き換えます。
(5)●をあなたのサイトIDに書き換えればOKです
(●は2箇所あります)。 |
|
[htmlソース] ※書き換える部分は赤で示してあります。
<TABLE border="0" bgcolor="#ffddff">
<TR>
<TD align="center" bgcolor="#ffffff"><A href="http://www.rentatu.com" target="_blank"><IMG src="http://www.rentatu.com/img/ring/ring_pink.gif" width="146" height="62" border="0" alt="恋愛の達人たちがあなたをサポート"></A><BR>
<basefont size="2"><B><A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;id=●;next" target="_top"><FONT color="#bb3355">次</FONT></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;id=●;prev" target="_top"><FONT color="#bb3355">前</FONT></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;random" target="_top"><FONT color="#bb3355">乱</FONT></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;list" target="_top"><FONT color="#bb3355">覧</FONT></A></B></TD>
</TR>
</TABLE>
|
◆パターン5.モノクロ
(1)右の画像を右クリック→「名前をつけて画像を保存」します。
(2)保存した画像をあなたのサイトのサーバ内にアップします
(3)下のソースを、あなたのサイトのトップページ内に追加します。
(4)ソース中の画像のURLを、先ほどアップした画像のURLに書き換えます。
(5)●をあなたのサイトIDに書き換えればOKです
(●は2箇所あります)。 |
|
[htmlソース] ※書き換える部分は赤で示してあります。
<TABLE border="0" bgcolor="#cccccc">
<TR>
<TD align="center" bgcolor="#ffffff"><A href="http://www.rentatu.com" target="_blank"><IMG src="http://www.rentatu.com/img/ring/ring_black.gif" width="146" height="62" border="0" alt="恋愛の達人たちがあなたをサポート"></A><BR>
<basefont size="2"><B><A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;id=●;next" target="_top"><FONT color="#666666">次</FONT></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;id=●;prev" target="_top"><FONT color="#666666">前</FONT></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;random" target="_top"><FONT color="#666666">乱</FONT></A> <A href="http://www.webring.ne.jp/cgi-bin/webring?ring=rentatu;list" target="_top"><FONT color="#666666">覧</FONT></A></B></TD>
</TR>
</TABLE>
|
(10/9 ナビゲーションバーを一回り小さくしました。)
(10/17 ナビゲーションバーのデザインを増やしました。)
ロゴ画像の使用も、強制ではありません。
画像がごてごてしてうるさいと感じる方は、
テキストリンクのみのナビゲーションバーを作成して下さって構いません。
ただし、ナビゲーションの役割を果たすように、ある程度目に付くようにして下さい。
その場合、リング名「恋愛の達人Webリング」を明記の上、
http://www.rentatu.comにリンクを貼って下さい。
何かわからないことがありましたら、こちらまでご質問下さい。 |