アフィリエイト用テンプレート ピンク
テンプレート 10
width="500"（テーブル幅、500ピクセル）のテンプレート
トップページの部分使用テンプレート
サンプル
| 題名１ |
|---|
| @1 |
| @2 |
| @3 |
| @4 |
| @5 |
| @6 |
| @7 |
| @8 |
| @9 |
| @10 |
題名 2
画像1
画像2
説明１
説明2
画像３
画像4
説明３
説明４
コピペ用タグ
<!--外側テーブル開始-->
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border: 1px solid #ffccff;"> <tr align="center" valign="top">
<!--左側 ここから-->
<td width="50%" align="center" valign="top">
<table width="100%" cellspacing="6" cellpadding="4"><tr><td align="center" bgcolor="#FF66FF">
<!--題名 ここから--> <strong><font color="#FFFFFF"> 題名１ </font></strong> <!--題名 ここまで--> </td></tr>
<!--テキスト貼り付け 開始-->
<tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @1 </td></tr> <tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @2 </td></tr> <tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @3 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @4 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @5 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @6 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @7 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @8 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @9 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @10 </td></tr>
<!--テキストの貼り付け 終了-->
</table>
</td>
<!--左側 ここまで-->
<!--右側 ここから-->
<td width="50%" align="center" valign="top">
<table width="100%" cellspacing="4" cellpadding="4"> <tr align="center" valign="top" bgcolor="#FF00CC"> <td colspan="2">
<!--題名 ここから--> <strong><font color="#FFFFFF"> 題名 2 </font></strong> <!--題名 ここまで--> </td></tr>
<tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像1 </td><td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像2 </td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td width="50%" height="50"> 説明１ </td><td width="50%" height="50"> 説明2 </td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像３ </td><td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像4 </td></tr><tr align="left" valign="top" bgcolor="#FFFFFF"><td width="50%" height="50"> 説明３</td><td width="50%" height="50"> 説明４ </td></tr> </table>
<!--右側 ここまで-->
</td></tr> </table>
<!--外側のテーブル 終了-->
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border: 1px solid #ffccff;"> <tr align="center" valign="top">
<!--左側 ここから-->
<td width="50%" align="center" valign="top">
<table width="100%" cellspacing="6" cellpadding="4"><tr><td align="center" bgcolor="#FF66FF">
<!--題名 ここから--> <strong><font color="#FFFFFF"> 題名１ </font></strong> <!--題名 ここまで--> </td></tr>
<!--テキスト貼り付け 開始-->
<tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @1 </td></tr> <tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @2 </td></tr> <tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @3 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @4 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @5 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @6 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @7 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @8 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @9 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @10 </td></tr>
<!--テキストの貼り付け 終了-->
</table>
</td>
<!--左側 ここまで-->
<!--右側 ここから-->
<td width="50%" align="center" valign="top">
<table width="100%" cellspacing="4" cellpadding="4"> <tr align="center" valign="top" bgcolor="#FF00CC"> <td colspan="2">
<!--題名 ここから--> <strong><font color="#FFFFFF"> 題名 2 </font></strong> <!--題名 ここまで--> </td></tr>
<tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像1 </td><td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像2 </td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td width="50%" height="50"> 説明１ </td><td width="50%" height="50"> 説明2 </td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像３ </td><td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像4 </td></tr><tr align="left" valign="top" bgcolor="#FFFFFF"><td width="50%" height="50"> 説明３</td><td width="50%" height="50"> 説明４ </td></tr> </table>
<!--右側 ここまで-->
</td></tr> </table>
<!--外側のテーブル 終了-->
タグ解説
* テーブルの色を変える場合は #●●●●●● を別のカラーコードを変えればOKです。
⇒ カラーコード一覧
* テーブル幅を変えるには width="500"
の数値を変更します。ex. width="600"
”●●”を100%にすると トップページでは左右きっちりはまりますが、使用しているデザインテンプレートによっては（サブ項目なしとか左右どちらかだけのテンプレートの場合）きっと間延びします(￣ｗ￣)ぷ
フリーページでもwidth="100%"にすれば上部のタイトルバナーとサイズがぴったり合いますが、テンプレートは間延びします(^^;)
* フォントのサイズは指定しておりませんが、size="2"くらいが綺麗に見えるようです。
使用例
テキストでタイトルを入れても横長のバナーを入れてもOK
| 題名１ |
|---|
| @1 |
| @2 |
| @3 |
| @4 |
| @5 |
題名 3
画像3
画像4
説明3
説明4
題名 2
画像1
画像2
説明１
説明2
| 題名 4 |
|---|
| @6 |
| @7 |
| @8 |
| @9 |
| @10 |
topics 楽天のイベントバナーを入れてもショップのバナーを入れてもOK １
(幅は153pxです)a
b
c
d
e
f
topics 楽天のイベントバナーを入れてもショップのバナーを入れてもOK ２
(幅は236pxです) g
h
i
j
<table width="500"
border="1" cellpadding="4" cellspacing="2" bordercolor="#ff00cc"> <tr> <td align="center" valign="middle"> <strong><font color="#ff00ccf"> テキストでタイトルを入れても横長のバナーを入れてもOK
</font></strong>
</td></tr> </table>
<br>
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border: 1px solid #ffccff;> <tr align="center" valign="top"> <td width="50%"><table width="100%" cellspacing="6" cellpadding="4"> <tr> <td align="center" bgcolor="#FF66FF"> <strong><font color="#FFFFFF"> 題名１ </font></strong> </td></tr> <tr> <td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @1 </td></tr> <tr> <td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @2 </td></tr> <tr> <td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @3 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @4 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @5 </td></tr> </table><table width="100%" cellspacing="4" cellpadding="4"> <tr align="center" valign="top" bgcolor="#FF00CC"> <td colspan="2"> <strong><font color="#FFFFFF"> 題名 3 </font></strong> </td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像3 </td><td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像4 </td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td width="50%" height="50"> 説明3 </td><td width="50%" height="50"> 説明4 </td></tr> </table></td><td width="50%"><table width="100%" cellspacing="4" cellpadding="4"> <tr align="center" valign="top" bgcolor="#FF00CC"> <td colspan="2"> <strong><font color="#FFFFFF"> 題名 2 </font></strong> </td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="50%" height="100" style="border: 3px dotted #ffccff;">画像1 </td><td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像2 </td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td width="50%" height="50"> 説明１ </td><td width="50%" height="50"> 説明2 </td></tr> </table><table width="100%" cellspacing="6" cellpadding="4"> <tr> <td align="center" bgcolor="#FF66FF"> <strong><font color="#FFFFFF"> 題名 4 </font></strong> </td></tr><tr> td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @6 </td></tr><tr> td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @7 </td></tr><tr> td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @8 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @9 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @10 </td></tr>/table></td></tr></table>
<br>
<table width="500" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="3" style="border: 2px dotted #ff00cc;"> <font color="#ff00cc"><strong> topics 楽天のイベントバナーを入れてもショップのバナーを入れてもOK １ </strong></font> </td></tr> <tr align="center" valign="middle"> <td width="33%" style="border: 1px dotted #ffccff;"> (幅は153pxです)a </td><td width="33%" style="border: 1px dotted #ffccff;"> b </td><td width="33%" style="border: 1px dotted #ffccff;"> c </td></tr>
<tr align="center" valign="middle"> <td width="33%" style="border: 1px dotted #ffccff;"> d </td><td width="33%" style="border: 1px dotted #ffccff;"> e </td><td width="33%" style="border: 1px dotted #ffccff;"> f </td></tr> </table>
<br>
<table width="500" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2" style="border: 2px dotted #ff00cc;"> <font color="#ff00cc"><strong> topics 楽天のイベントバナーを入れてもショップのバナーを入れてもOK ２ </strong></font> </td></tr> <tr align="center" valign="middle"> <td width="50%" style="border: 1px dotted #ffccff;"> (幅は236pxです) g </td><td width="50%" style="border: 1px dotted #ffccff;"> h </td></tr> <tr align="center" valign="middle"> <td width="50%" style="border: 1px dotted #ffccff;"> i </td><td width="50%" style="border: 1px dotted #ffccff;"> j </td></tr> </table>
<br>
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border: 1px solid #ffccff;> <tr align="center" valign="top"> <td width="50%"><table width="100%" cellspacing="6" cellpadding="4"> <tr> <td align="center" bgcolor="#FF66FF"> <strong><font color="#FFFFFF"> 題名１ </font></strong> </td></tr> <tr> <td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @1 </td></tr> <tr> <td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @2 </td></tr> <tr> <td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @3 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @4 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @5 </td></tr> </table><table width="100%" cellspacing="4" cellpadding="4"> <tr align="center" valign="top" bgcolor="#FF00CC"> <td colspan="2"> <strong><font color="#FFFFFF"> 題名 3 </font></strong> </td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像3 </td><td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像4 </td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td width="50%" height="50"> 説明3 </td><td width="50%" height="50"> 説明4 </td></tr> </table></td><td width="50%"><table width="100%" cellspacing="4" cellpadding="4"> <tr align="center" valign="top" bgcolor="#FF00CC"> <td colspan="2"> <strong><font color="#FFFFFF"> 題名 2 </font></strong> </td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="50%" height="100" style="border: 3px dotted #ffccff;">画像1 </td><td width="50%" height="100" style="border: 3px dotted #ffccff;"> 画像2 </td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td width="50%" height="50"> 説明１ </td><td width="50%" height="50"> 説明2 </td></tr> </table><table width="100%" cellspacing="6" cellpadding="4"> <tr> <td align="center" bgcolor="#FF66FF"> <strong><font color="#FFFFFF"> 題名 4 </font></strong> </td></tr><tr> td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @6 </td></tr><tr> td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @7 </td></tr><tr> td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @8 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @9 </td></tr><tr><td align="left" valign="top" bgcolor="#FFFFFF" style="border: 1px dotted #ffccff;"> @10 </td></tr>/table></td></tr></table>
<br>
<table width="500" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="3" style="border: 2px dotted #ff00cc;"> <font color="#ff00cc"><strong> topics 楽天のイベントバナーを入れてもショップのバナーを入れてもOK １ </strong></font> </td></tr> <tr align="center" valign="middle"> <td width="33%" style="border: 1px dotted #ffccff;"> (幅は153pxです)a </td><td width="33%" style="border: 1px dotted #ffccff;"> b </td><td width="33%" style="border: 1px dotted #ffccff;"> c </td></tr>
<tr align="center" valign="middle"> <td width="33%" style="border: 1px dotted #ffccff;"> d </td><td width="33%" style="border: 1px dotted #ffccff;"> e </td><td width="33%" style="border: 1px dotted #ffccff;"> f </td></tr> </table>
<br>
<table width="500" border="0" cellspacing="2" cellpadding="4"> <tr align="center" valign="middle"> <td colspan="2" style="border: 2px dotted #ff00cc;"> <font color="#ff00cc"><strong> topics 楽天のイベントバナーを入れてもショップのバナーを入れてもOK ２ </strong></font> </td></tr> <tr align="center" valign="middle"> <td width="50%" style="border: 1px dotted #ffccff;"> (幅は236pxです) g </td><td width="50%" style="border: 1px dotted #ffccff;"> h </td></tr> <tr align="center" valign="middle"> <td width="50%" style="border: 1px dotted #ffccff;"> i </td><td width="50%" style="border: 1px dotted #ffccff;"> j </td></tr> </table>
* <strong><font color="#ff00ccf"> テキストでタイトルを入れても横長のバナーを入れてもOK </font></strong>
中に入れる文字を<strong>～</strong>で強調してます
フォントカラーを<font color="#ff0000">～</font>（ピンク）に指定しています
以下のふと文字も同じ内容です。 ex. #ffffffは白色です
* <br> ごとに、テーブルが分解できます。というか別々のテーブルです。
<br> ごとに好きに組み合わせて使ってください。もちろんこのページの一番上のテーブルとも組み合わせられます。
© Rakuten Group, Inc.
