ウェブリング『DIYフリークの集い』のQ&Aです。

【お知らせ】

Q&Aを飛ばして「ナビゲーションのサンプル一覧」へ

Q. ウェブリング『DIYフリークの集い』に参加できるものは、どのようなものですか?

A. テーマは『DIYフリーク』です。つまり、DIYが好きとか、興味を抱いているとかというページは参加できます(実践や実況がなくても構いません)。リン グのナビゲーションが設置できるのであれば、独自ドメインでも、レンタルサーバでも、商用サイトでも、ブログでも、SNSでも、個人でも、企業でも、全て 参加できます。
(「http:」から始まるURLのみ登録できる仕様のようです)
また、リング管理者側から勧誘する事もあります。

Q. ウェブリング『DIYフリークの集い』に仮登録しても承認が得られないものは、どのようなものですか?

A. 以下のようなものはお断りしています。

Q. 上の問答に「購入者のレビューは記事としては認めません」とありますが、レビュー記事はダメなのですか?

A. 商品レビューがダメというわけではありません。よくあるネットショップの販売ページの中にあるレビュー投稿をそのページの記事としては認めていないだけ で、ご自身で管理しているサイトやブログに書いた商品レビューであれば承認します。但し、『DIY』に関連する内容になっている必要があります。

Q. ウェブリングとはなんですか?

A. 単なるリンク集や相互リンクではなく、登録されたサイトのアドレスが連なる「輪」のようなものです。

Q. どうやって使うのですか?

A. サイト管理者は、参加登録すると共に、該当ページに「ナビゲーション」を設置してください。設置ができたらそのナビゲーションの各ボタンが正常に機能する か確認してください。リング管理者からの承認を受けるだけではなく、実際にクリックされる事によって本登録となります。(一度もクリックされていないとリ ングに入りません)

Q. ナビゲーションとはどんなものですか?

A. 登録されているサイトを順番に、或いはランダムに表示する為のボタン群になります。

Q. ナビゲーションは自分で作るのですか?

A. 自作して頂いても構いませんが、以下にサンプルコードを用意しましたので、何れかをコピー&ペーストして貴方のサイトに合わせて編集し、お使いく ださい。

Q. ナビゲーションのサンプルコードを改造してもいいですか?

A. ウェブリングの趣旨から外れず、当『DIYフリークの集い』の運用を妨げない限り、改変して頂いて構いません。

Q. ナビゲーションは何処に設置したらいいですか?

A. ご登録頂いたページ内で、なるべく先頭の方か最後尾の方に設置して頂きたいですが、デザインの都合に合わせて任意の位置に設置して頂いて構いません。但 し、意図的に見辛くするような行為はおやめください。

Q. ひとつのサイト内で幾つものページをリングに登録しても良いのですか?

A. トップページを登録して頂ければ良く、全てのページを登録する必要はありません。サイト内で、カテゴリー分けをしていたり特集ページを用意していた場合、 それぞれ登録して頂いても構いません。

Q. ランダム紹介のサムネールが古いままですが、最新のものに置き換えられませんか?

A. できますが、登録サイトの管理人様ご自身で更新操作をお願いします。

(30日以上経ってアクセスがあれば自動的に更新される仕様でもあるらしい)

  1. 外部Scriptにして呼び出す形にしていますが、その内部では「HeartRails Capture」という他所のサイトを利用しています。
  2. この「HeartRails Capture」を開き、ご自身の登録URLを入力します。
  3. 横サイズ190pixel、縦サイズ300pixelという指定で、[作成]ボタンを押します。
  4. キャッシュされている古い内容のサムネールが表示されると思いますので、[更新]ボタンを押します。
    ([更新]ボタンは、先の[作成]ボタンがあった箇所がそれに置き換わっている筈です)
  5. 最新の内容に更新されたと思いますので、ウェブリング『DIYフリーク』のナビゲーションを表示して確認して下さい。

Q. 問い合わせとかはできますか?

A. はい。このQ&Aを読んでもわから無い事があったり、ご意見などがあったりした場合は管理者に連絡する事ができます。


ナビゲーションのサンプル一覧

【ナビゲーション/テキスト型1】 [一覧に戻る] [ページの先頭へ]

【DIYフリークの集い】
次へ| http://www.webring.ne.jp/ring/diyfreakring/777/next
前へ| http://www.webring.ne.jp/ring/diyfreakring/777/prev
ランダム| http://www.webring.ne.jp/ring/diyfreakring/777/random
一覧| http://www.webring.ne.jp/ring/diyfreakring/777/list
参加| http://www.webring.ne.jp/ring/diyfreakring/777/join
Q&A|http://diyfreakring.mac-in.net/faq.html

使用方法:

【ナビゲーション/縦長型1】 [一覧に戻る] [ページの先頭へ]


DIYフリークの集い
(ウェブリング)

前へ
貴方のサイト名欄
次へ
ランダムに飛ぶ
リンク一覧
参加を希望する
Q&A

ソースコード:

<hr />
<table border="1" cellpadding="5" cellspacing="1" style="text-align: center;">
  <thead bgcolor="#e6e6ff">
    <tr>
      <th style="line-height:100%;padding: 3px;">
        <p><a href="http://www.webring.ne.jp/ring/diyfreakring/" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="DIYが好きな人や興味がある人を歓迎します。">DIYフリークの集い
          <br />
          <font size="-3">(ウェブリング)</font></a>
        </p>
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/prev" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="前のリンクサイトを開きます">前へ</a>
      </td>
    </tr>
    <tr>
      <td bgcolor="#9ce159" title="現在開いているページのタイトルです">貴方のサイト名欄
      </td>
    </tr>
    <tr>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/next" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="次のリンクサイトを開きます">次へ</a>
      </td>
    </tr>
    <tr>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/random" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="ランダムにリンクサイトを開きます">ランダムに飛ぶ</a>
      </td>
    </tr>
    <tr>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/list" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="リングに登録しているサイトを一覧表示します">リンク一覧</a>
      </td>
    </tr>
    <tr>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/join" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="リングに登録したい方はこちらをクリック!">参加を希望する</a>
      </td>
    </tr>
    <tr>
      <td><a href="http://diyfreakring.mac-in.net/faq.html" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="よくありがちな問答集です">Q&amp;A</a>
      </td>
    </tr>
  </tbody>
</table>
<hr />

【ナビゲーション/縦長型1+サムネール190】 [一覧に戻る] [ページの先頭へ]


DIYフリークの集い
(ウェブリング)

前へ
貴方のサイト名欄
次へ
ランダムに飛ぶ
リンク一覧
参加を希望する
Q&A

ランダムでサイトをひとつ紹介します。


ソースコード:

<hr />
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>
    <tr>
      <td align="center">
        <table align="center" border="1" cellpadding="5" cellspacing="1" style="text-align: center;">
          <thead bgcolor="#e6e6ff">
            <tr>
              <th style="line-height:100%;padding: 3px;">
                <p><a href="http://www.webring.ne.jp/ring/diyfreakring/" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="DIYが好きな人や興味がある人を歓迎します。">DIYフリークの集い
                  <br />
                  <font size="-3">(ウェブリング)</font></a>
                </p>
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/prev" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="前のリンクサイトを開きます">前へ</a>
              </td>
            </tr>
            <tr>
              <td bgcolor="#9ce159" title="現在開いているページのタイトルです">貴方のサイト名欄
              </td>
            </tr>
            <tr>
              <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/next" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="次のリンクサイトを開きます">次へ</a>
              </td>
            </tr>
            <tr>
              <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/random" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="ランダムにリンクサイトを開きます">ランダムに飛ぶ</a>
              </td>
            </tr>
            <tr>
              <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/list" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="リングに登録しているサイトを一覧表示します">リンク一覧</a>
              </td>
            </tr>
            <tr>
              <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/join" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="リングに登録したい方はこちらをクリック!">参加を希望する</a>
              </td>
            </tr>
            <tr>
              <td><a href="http://diyfreakring.mac-in.net/faq.html" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="よくありがちな問答集です">Q&amp;A</a>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
    <tr>
      <td align="center">
        <p><font size="-2">ランダムでサイトをひとつ紹介します。</font>
        </p>
        <script type="text/javascript" src="http://diyfreakring.mac-in.net/thumbnail-link.js">
        </script>
      </td>
    </tr>
  </tbody>
</table>
<hr />

【ナビゲーション/縦長型1+サムネール190 ver2】 [一覧に戻る]  [ページの先頭へ]


DIYフリークの集い
(ウェブリング)

前へ
貴方のサイト名欄
次へ
ランダムに飛ぶ
リンク一覧
参加を希望する
Q&A

ランダムでサイトをひとつ紹介します。


ソースコード:

<hr />
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>
    <tr>
      <td align="center">
        <table align="center" border="1" cellpadding="5" cellspacing="1" style="text-align: center;">
          <thead bgcolor="#e6e6ff">
            <tr>
              <th style="line-height:100%;padding: 3px;">
                <p><a href="http://www.webring.ne.jp/ring/diyfreakring/" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="DIYが好きな人や興味がある人を歓迎します。">DIYフリークの集い
                  <br />
                  <font size="-3">(ウェブリング)</font></a>
                </p>
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><a id="button-prev" href="http://www.webring.ne.jp/ring/diyfreakring/4/prev" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="前のリンクサイトを開きます">前へ</a>
              </td>
            </tr>
            <tr>
              <td id="you-title" bgcolor="#9ce159" title="現在開いているページのタイトルです">このサイト名欄
              </td>
            </tr>
            <tr>
              <td><a id="button-next" href="http://www.webring.ne.jp/ring/diyfreakring/4/next" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="次のリンクサイトを開きます">次へ</a>
              </td>
            </tr>
            <tr>
              <td><a id="button-random" href="http://www.webring.ne.jp/ring/diyfreakring/4/random" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="ランダムにリンクサイトを開きます">ランダムに飛ぶ</a>
              </td>
            </tr>
            <tr>
              <td><a id="button-list" href="http://www.webring.ne.jp/ring/diyfreakring/4/list" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="リングに登録しているサイトを一覧表示します">リンク一覧</a>
              </td>
            </tr>
            <tr>
              <td><a id="button-join" href="http://www.webring.ne.jp/ring/diyfreakring/4/join" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="リングに登録したい方はこちらをクリック!">参加を希望する</a>
              </td>
            </tr>
            <tr>
              <td><a href="http://diyfreakring.mac-in.net/faq.html" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="よくありがちな問答集です">Q&amp;A</a>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
    <tr>
      <td align="center">
        <p><font size="-2">ランダムでサイトをひとつ紹介します。</font>
        </p>
        <script type="text/javascript" src="http://diyfreakring.mac-in.net/thumbnail-link.js">
        </script>
      </td>
    </tr>
  </tbody>
</table>
<hr />

<script>
   var youTitle            ="貴方のサイト名欄";
   var diyfreakringNumber    ="777";
</script>
<script type="text/javascript" src="http://diyfreakring.mac-in.net/replace-key.js">
</script>

【ナビゲーション/横長型1】 [一覧に戻る] [ページの先頭へ]


DIYフリークの集い
(ウェブリング)

前へ 貴方のサイト名欄 次へ ランダムに飛ぶ リンク一覧 参加を希望する Q&A

ソースコード:

<hr />
<table border="1" cellpadding="5" cellspacing="1" style="text-align: center;">
  <tbody>
    <tr>
      <th bgcolor="#e6e6ff" scope="row" style="line-height: 100%; padding: 3px;">
        <p><a href="http://www.webring.ne.jp/ring/diyfreakring/" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="DIYが好きな人や興味がある人を歓迎します。">DIYフリークの集い
          <br />
          <font size="-3">(ウェブリング)</font></a>
        </p>
      </th>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/prev" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="前のリンクサイトを開きます">前へ</a>
      </td>
      <td bgcolor="#9ce159" title="現在開いているページのタイトルです">貴方のサイト名欄
      </td>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/next" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="次のリンクサイトを開きます">次へ</a>
      </td>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/random" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="ランダムにリンクサイトを開きます">ランダムに飛ぶ</a>
      </td>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/list" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="リングに登録しているサイトを一覧表示します">リンク一覧</a>
      </td>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/join" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="リングに登録したい方はこちらをクリック!">参加を希望する</a>
      </td>
      <td><a href="http://diyfreakring.mac-in.net/faq.html" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="よくありがちな問答集です">Q&amp;A</a>
      </td>
    </tr>
  </tbody>
</table>
<hr />

【ナビゲーション/升目型1】 [一覧に戻る] [ページの先頭へ]


DIYフリークの集い
(ウェブリング)

前へ 貴方のサイト名欄 次へ
ランダムに飛ぶ リンク一覧
参加を希望する Q&A

ソースコード:

<hr />
<table border="1" cellpadding="5" cellspacing="1" style="text-align: center;">
  <thead bgcolor="#e6e6ff">
    <tr>
      <th colspan="4" style="line-height:100%;padding: 3px;">
        <p><a href="http://www.webring.ne.jp/ring/diyfreakring/" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="DIYが好きな人や興味がある人を歓迎します。">DIYフリークの集い
          <br />
          <font size="-3">(ウェブリング)</font></a>
        </p>
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/prev" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="前のリンクサイトを開きます">前へ</a>
      </td>
      <td bgcolor="#9ce159" colspan="2" rowspan="1" title="現在開いているページのタイトルです">貴方のサイト名欄
      </td>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/next" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="次のリンクサイトを開きます">次へ</a>
      </td>
    </tr>
    <tr>
      <td colspan="2"><a href="http://www.webring.ne.jp/ring/diyfreakring/777/random" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="ランダムにリンクサイトを開きます">ランダムに飛ぶ</a>
      </td>
      <td colspan="2"><a href="http://www.webring.ne.jp/ring/diyfreakring/777/list" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="リングに登録しているサイトを一覧表示します">リンク一覧</a>
      </td>
    </tr>
    <tr>
      <td colspan="2" rowspan="1"><a href="http://www.webring.ne.jp/ring/diyfreakring/777/join" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="リングに登録したい方はこちらをクリック!">参加を希望する</a>
      </td>
      <td colspan="2" rowspan="1"><a href="http://diyfreakring.mac-in.net/faq.html" onclick="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='yellow'" style="width:100%; height:100%; display:block;" target="_blank" title="よくありがちな問答集です">Q&amp;A</a>
      </td>
    </tr>
  </tbody>
</table>
<hr />

【ナビゲーション/簡易型1】 [一覧に戻る] [ページの先頭へ]


DIYフリークの集い (ウェブリング)

前へ 次へ ランダム リンク一覧 参加を希望する Q&A

ソースコード:

<hr />
<table border="1" style="text-align: center;">
  <thead bgcolor="#e6e6ff">
    <tr>
      <th colspan="6">
        <p><a href="http://www.webring.ne.jp/ring/diyfreakring/" target="_blank">DIYフリークの集い (ウェブリング)</a>
        </p>
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/prev" target="_blank">前へ</a>
      </td>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/next" target="_blank">次へ</a>
      </td>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/random" target="_blank">ランダム</a>
      </td>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/list" target="_blank">リンク一覧</a>
      </td>
      <td><a href="http://www.webring.ne.jp/ring/diyfreakring/777/join" target="_blank">参加を希望する</a>
      </td>
      <td><a href="http://diyfreakring.mac-in.net/faq.html" target="_blank">Q&amp;A</a>
      </td>
    </tr>
  </tbody>
</table>
<hr />

【縮小してランダムで紹介するインラインフレーム1】は別ページに
【縮小してランダムで紹介するインラインフレーム2】は別ページに
【縮小してランダムで紹介するインラインフレーム2とナビゲーションの組み合わせ例】は別ページに

 [一覧に戻る] [ページの先頭へ]