縮小してランダムで紹介するインラインフレーム2｜ウェブリング『DIYフリークの集い』のQ&A

【縮小してランダムで紹介するインラインフレーム2】　[一覧に戻る]

ランダムでリンクページを横に二つ並べて紹介します。
インラインフレームで十六分の一に縮小表示されます(縦横各四分の一)。
ナビゲーションに隣接させてご利用ください。
ナビゲーションのみの設置は構いませんが、こちらのインラインフレームだけのご利用はやめて下さい。
右クリックで「このフレームを新規ウインドウで開く」事もできます。

ウェブリング『DIYフリークの集い』の中から、ランダムでふたつ紹介します(ここと同じサイトが偶然表示される可能性もあります)。

※右クリックで「このフレームを新規ウインドウで開く」を選択すると、原寸大の表示になります。

ソースコード：

背景が赤の「777」を二箇所、あなたのリング番号に置き換えて下さい。
リング番号は、仮登録すると自動送信される「リング参加登録確認メール」に記載されています。

<table border="0" cellpadding="0" cellspacing="0">
<tbody>
    <tr>
      <td colspan="2">
        <p>ウェブリング<strong>『DIYフリークの集い』</strong>の中から、ランダムでふたつ紹介します(ここと同じサイトが偶然表示される可能性もあります)。
        </p>
        <p>※右クリックで「このフレームを新規ウインドウで開く」を選択すると、原寸大の表示になります。
        </p>
      </td>
    </tr>
    <tr>
      <td>
        <div style="width:100%;overflow:scroll;-webkit-overflow-scrolling:touch;border:solid 1px;">
          <iframe height="600" name="sample" src="http://www.webring.ne.jp/ring/diyfreakring/777/random" style="transform:scale(0.25);-moz-transform:scale(0.25);-webkit-transform:scale(0.25);-o-transform:scale(0.25);-ms-transform:scale(0.25);transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0;border:solid 1px;margin-bottom:-450px;margin-right:-300%;width:400%;">この部分はインラインフレームを使用しています。
          </iframe>
        </div>
      </td>
      <td>
        <div style="width:100%;overflow:scroll;-webkit-overflow-scrolling:touch;border:solid 1px;">
          <iframe height="600" name="sample" src="http://www.webring.ne.jp/ring/diyfreakring/777/random" style="transform:scale(0.25);-moz-transform:scale(0.25);-webkit-transform:scale(0.25);-o-transform:scale(0.25);-ms-transform:scale(0.25);transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0;border:solid 1px;margin-bottom:-450px;margin-right:-300%;width:400%;">この部分はインラインフレームを使用しています。
          </iframe>
        </div>
      </td>
    </tr>
</tbody>
</table>

　[一覧に戻る]