楽天アフィリエイト用テンプレート 9
テンプレート 9
width="500"（テーブル幅、500ピクセル）のテンプレート
サンプル
| ショップ紹介 １ |
商品のコメント １
| 画像1 |
|---|
| 説明1 |
| 画像2 |
|---|
| 説明2 |
| ショップ紹介 ２ |
商品のコメント ２
| 画像3 |
|---|
| 説明3 |
| 画像4 |
|---|
| 説明4 |
コピペ用タグ
<!--外側テーブル開始-->
<table width="500" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFCC99">
<tr><td width="50%">
<table width="100%" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <td width="5" bgcolor="#FF6666"> </td><td width="5" bgcolor="#FF9966"> </td><td width="5" bgcolor="#FFCC66"> </td><td style="border: 1px solid #ff9900;"> ショップ紹介 １ </td></tr> </table>
</td></tr>
<tr align="center" valign="middle" bgcolor="#FFCC99"> <td colspan="2"> 商品のコメント １ </td></tr>
<tr align="center" valign="middle"> <td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像1 </td></tr> <tr> <td align="left" valign="top"> 説明1 </td></tr> </table></td><td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像2 </td></tr> <tr> <td align="left" valign="top"> 説明2 </td></tr> </table></td></tr> </table>
</td><td width="50%">
<table width="100%" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="5" bgcolor="#FF6666"> </td><td width="5" bgcolor="#FF9966"> </td><td width="5" bgcolor="#FFCC66"> </td><td width="205" style="border: 1px solid #ff9900;"> ショップ紹介 ２ </td></tr> </table></td></tr>
<tr align="center" valign="middle" bgcolor="#FFCC99"> <td colspan="2"> 商品のコメント ２ </td></tr>
<tr align="center" valign="middle"> <td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像3 </td></tr> <tr> <td align="left" valign="top"> 説明3 </td></tr> </table></td><td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像4</td></tr> <tr> <td align="left" valign="top"> 説明4 </td></tr> </table></td></tr> </table></td></tr> </table>
<!--外側のテーブル 終了-->
<table width="500" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFCC99">
<tr><td width="50%">
<table width="100%" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <td width="5" bgcolor="#FF6666"> </td><td width="5" bgcolor="#FF9966"> </td><td width="5" bgcolor="#FFCC66"> </td><td style="border: 1px solid #ff9900;"> ショップ紹介 １ </td></tr> </table>
</td></tr>
<tr align="center" valign="middle" bgcolor="#FFCC99"> <td colspan="2"> 商品のコメント １ </td></tr>
<tr align="center" valign="middle"> <td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像1 </td></tr> <tr> <td align="left" valign="top"> 説明1 </td></tr> </table></td><td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像2 </td></tr> <tr> <td align="left" valign="top"> 説明2 </td></tr> </table></td></tr> </table>
</td><td width="50%">
<table width="100%" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="5" bgcolor="#FF6666"> </td><td width="5" bgcolor="#FF9966"> </td><td width="5" bgcolor="#FFCC66"> </td><td width="205" style="border: 1px solid #ff9900;"> ショップ紹介 ２ </td></tr> </table></td></tr>
<tr align="center" valign="middle" bgcolor="#FFCC99"> <td colspan="2"> 商品のコメント ２ </td></tr>
<tr align="center" valign="middle"> <td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像3 </td></tr> <tr> <td align="left" valign="top"> 説明3 </td></tr> </table></td><td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像4</td></tr> <tr> <td align="left" valign="top"> 説明4 </td></tr> </table></td></tr> </table></td></tr> </table>
<!--外側のテーブル 終了-->
タグ解説
* テーブルの色を変える場合はそれぞれのカラーコードを変えればOKです。
⇒ カラーコード一覧
* テンプレートの幅を変える場合は width="500" の数値を変えます。
* 同じテンプレートを繰り返すことで統一感のあるページになり、見やすいと思います。
⇒ カラーコード一覧
* テンプレートの幅を変える場合は width="500" の数値を変えます。
* 同じテンプレートを繰り返すことで統一感のあるページになり、見やすいと思います。
使用例 (幅600px) 基本のテンプレートを二つ重ね、更に上部に題を入れるテーブルをつけました。
商品のコメント部分の文字色は#ffffffに指定してあります。
ショップ名を<b>～</b>で囲むと太い文字になります。
| ■ ■ ■ 今月の特集 ■ ■ ■ |
|---|
| 行楽シーズン到来！ ご家族みんなで出かけよう♪ *** アウトドア特集 *** |
人気のダッチオーブンを選ぶならこのショップがお勧めです
|
|---|
| LODGE(ロッジ) キャンプダッチオーブン10インチディープ
(税込9,240円) 送料別 |
|
|---|
| LODGE（ロッジ）社 8インチ サービングポット
5,760 円 |
アウトドア、フィットネス、スケボー、テニスなど幅広いスポーツ用品が揃うショップ
|
|---|
| キャンプの必需品！アルミロールテーブル(コンパクト)
(税込 1,344 円) 送料別 |
|
|---|
| レジデンス 卓上コンロ用三折アルミテーブル 136×80cm
(税込 9,800 円) 送料別 |
| ショップ紹介 3 |
商品のコメント 3
| 画像5 |
|---|
| 説明5 |
| 画像6 |
|---|
| 説明6 |
| ショップ紹介 4 |
商品のコメント 4
| 画像7 |
|---|
| 説明7 |
| 画像8 |
|---|
| 説明8 |
<table width="600"
border="0" cellpadding="4" cellspacing="0"><tr><td align="center" style="border: 3px solid #3366cc;"> <font color="#330099"><strong> ■ ■ ■ 今月の特集 ■ ■ ■
</strong></font></td></tr><tr><td style="border: 1px solid #3366cc"> 特集の説明
</td></tr></table><br>
<table width="600" border="1" cellpadding="0" cellspacing="0" bordercolor="#3366cc"> <tr> <td width="50%"><table width="100%" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="5" bgcolor="#330099"> </td><td width="5" bgcolor="#333399"> </td><td width="5" bgcolor="#3366CC"> </td><td style="border: 1px solid #3366cc;"> ショップ紹介 １ </td></tr> </table></td></tr> <tr align="center" valign="middle" bgcolor="#3366cc"> <td colspan="2"> 商品のコメント １ </td></tr> <tr align="center" valign="middle"> <td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像1 </td></tr> <tr> <td align="left" valign="top"> 説明1 </td></tr> </table></td><td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像2 </td></tr> <tr> <td align="left" valign="top"> 説明2 </td></tr> </table></td></tr> </table></td><td width="50%"><table width="100%" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="5" bgcolor="#330099"> </td><td width="5" bgcolor="#333399"> </td><td width="5" bgcolor="#3366CC"> </td><td style="border: 1px solid #3366cc;"> ショップ紹介 ２ </td></tr> </table></td></tr> <tr align="center" valign="middle" bgcolor="#3366cc"> <td colspan="2"> 商品のコメント ２ </td></tr> <tr align="center" valign="middle"> <td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像3 </td></tr> <tr> <td align="left" valign="top"> 説明3 </td></tr> </table></td><td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像4 </td></tr> <tr> <td align="left" valign="top"> 説明4 </td></tr> </table></td></tr> </table></td></tr> </table>
<br><table width="600" border="1" cellpadding="0" cellspacing="0" bordercolor="#3366cc"> <tr> <td width="50%"><table width="100%" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="5" bgcolor="#330099"> </td><td width="5" bgcolor="#333399"> </td><td width="5" bgcolor="#3366CC"> </td><td style="border: 1px solid #3366cc;"> ショップ紹介 3 </td></tr> </table></td></tr> <tr align="center" valign="middle" bgcolor="#3366cc"> <td colspan="2"> 商品のコメント 3 </td></tr> <tr align="center" valign="middle"> <td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像5 </td></tr> <tr> <td align="left" valign="top"> 説明5 </td></tr> </table></td><td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像6 </td></tr> <tr> <td align="left" valign="top"> 説明6 </td></tr> </table></td></tr> </table></td><td width="50%"><table width="100%" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="5" bgcolor="#330099"> </td><td width="5" bgcolor="#333399"> </td><td width="5" bgcolor="#3366CC"> </td><td style="border: 1px solid #3366cc;"> ショップ紹介 4 </td></tr> </table></td></tr> <tr align="center" valign="middle" bgcolor="#3366cc"> <td colspan="2"> 商品のコメント 4 </td></tr> <tr align="center" valign="middle"> <td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像7 </td></tr> <tr> <td align="left" valign="top"> 説明7 </td></tr> </table></td><td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像8 </td></tr> <tr> <td align="left" valign="top"> 説明8 </td></tr> </table></td></tr> </table></td></tr> </table>
<table width="600" border="1" cellpadding="0" cellspacing="0" bordercolor="#3366cc"> <tr> <td width="50%"><table width="100%" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="5" bgcolor="#330099"> </td><td width="5" bgcolor="#333399"> </td><td width="5" bgcolor="#3366CC"> </td><td style="border: 1px solid #3366cc;"> ショップ紹介 １ </td></tr> </table></td></tr> <tr align="center" valign="middle" bgcolor="#3366cc"> <td colspan="2"> 商品のコメント １ </td></tr> <tr align="center" valign="middle"> <td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像1 </td></tr> <tr> <td align="left" valign="top"> 説明1 </td></tr> </table></td><td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像2 </td></tr> <tr> <td align="left" valign="top"> 説明2 </td></tr> </table></td></tr> </table></td><td width="50%"><table width="100%" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="5" bgcolor="#330099"> </td><td width="5" bgcolor="#333399"> </td><td width="5" bgcolor="#3366CC"> </td><td style="border: 1px solid #3366cc;"> ショップ紹介 ２ </td></tr> </table></td></tr> <tr align="center" valign="middle" bgcolor="#3366cc"> <td colspan="2"> 商品のコメント ２ </td></tr> <tr align="center" valign="middle"> <td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像3 </td></tr> <tr> <td align="left" valign="top"> 説明3 </td></tr> </table></td><td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像4 </td></tr> <tr> <td align="left" valign="top"> 説明4 </td></tr> </table></td></tr> </table></td></tr> </table>
<br><table width="600" border="1" cellpadding="0" cellspacing="0" bordercolor="#3366cc"> <tr> <td width="50%"><table width="100%" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="5" bgcolor="#330099"> </td><td width="5" bgcolor="#333399"> </td><td width="5" bgcolor="#3366CC"> </td><td style="border: 1px solid #3366cc;"> ショップ紹介 3 </td></tr> </table></td></tr> <tr align="center" valign="middle" bgcolor="#3366cc"> <td colspan="2"> 商品のコメント 3 </td></tr> <tr align="center" valign="middle"> <td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像5 </td></tr> <tr> <td align="left" valign="top"> 説明5 </td></tr> </table></td><td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像6 </td></tr> <tr> <td align="left" valign="top"> 説明6 </td></tr> </table></td></tr> </table></td><td width="50%"><table width="100%" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="5" bgcolor="#330099"> </td><td width="5" bgcolor="#333399"> </td><td width="5" bgcolor="#3366CC"> </td><td style="border: 1px solid #3366cc;"> ショップ紹介 4 </td></tr> </table></td></tr> <tr align="center" valign="middle" bgcolor="#3366cc"> <td colspan="2"> 商品のコメント 4 </td></tr> <tr align="center" valign="middle"> <td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像7 </td></tr> <tr> <td align="left" valign="top"> 説明7 </td></tr> </table></td><td width="50%"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr> <td height="100" align="center" valign="middle"> 画像8 </td></tr> <tr> <td align="left" valign="top"> 説明8 </td></tr> </table></td></tr> </table></td></tr> </table>
© Rakuten Group, Inc.
