アフィリエイト用テンプレート ピンク２
テンプレート 11
width="500"（テーブル幅、500ピクセル）のテンプレート
サンプル
| 今週のお勧め |
| １ | ２ | ３ | ４ |
| ＠１ | ＠２ | ＠３ | ＠４ |
| ５ | ６ | ７ | ８ |
| ＠５ | ＠６ | ＠７ | ＠８ |
| ９ | １０ | １１ | １２ |
| ＠９ | ＠１０ | ＠１１ | ＠１２ |
コピペ用タグ
<!--タイトルテーブル ここから-->
<table width="500" border="0" cellpadding="0" cellspacing="0" style="border:1px dotted pink;"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td width="5" bgcolor="#FF9999"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF99FF"> </td><td align="center" style="border-bottom:1px dotted #ffcccc;"> <strong><font color="#FF6699"> 今週のお勧め </font></strong> </td><td width="5" bgcolor="#FF99FF"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF9999"> </td></tr> </table>
<!--タイトルテーブルここまで-->
<!--バナー貼り付けテーブル ここから-->
<table width="100%" border="0" cellspacing="10" cellpadding="4">
<!--1段目-->
<tr align="center" valign="middle" bgcolor="#FFCCCC"> <td width="25%"> １ </td><td width="25%"> ２ </td><td width="25%"> ３ </td><td width="25%"> ４ </td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="25%" height="90" style="border:1px dotted pink;"> ＠１ </td><td width="25%" height="90"> ＠２ </td><td width="25%" height="90" style="border:1px dotted pink;"> ＠３ </td><td width="25%" height="90"> ＠４ </td></tr>
<!--1段目 ここまで-->
<!--2段目-- ><tr align="center" valign="middle" bgcolor="#FFCCCC"> <td width="25%"> ５ </td><td width="25%"> ６ </td><td width="25%"> ７ </td><td width="25%"> ８ </td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="25%" height="90"> ＠５ </td><td width="25%" height="90" style="border:1px dotted pink;"> ＠６ </td><td width="25%" height="90"> ＠７ </td><td width="25%" height="90" style="border:1px dotted pink;"> ＠８ </td></tr>
<!--2段目 ここまで-->
<!--3段目--> <tr align="center" valign="middle" bgcolor="#FFCCCC"> <td width="25%"> ９ </td><td width="25%"> １０ </td><td width="25%"> １１ </td><td width="25%"> １２ </td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="25%" height="90" style="border:1px dotted pink;"> ＠９ </td><td width="25%" height="90"> ＠１０ </td><td width="25%" height="90" style="border:1px dotted pink;"> ＠１１ </td><td width="25%" height="90"> ＠１２ </td></tr>
<!--3段目ここまで--> </table></td></tr> </table>
<!--バナー貼り付けテーブル ここまで-->
<!--外側のテーブル 終了-->
<table width="500" border="0" cellpadding="0" cellspacing="0" style="border:1px dotted pink;"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td width="5" bgcolor="#FF9999"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF99FF"> </td><td align="center" style="border-bottom:1px dotted #ffcccc;"> <strong><font color="#FF6699"> 今週のお勧め </font></strong> </td><td width="5" bgcolor="#FF99FF"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF9999"> </td></tr> </table>
<!--タイトルテーブルここまで-->
<!--バナー貼り付けテーブル ここから-->
<table width="100%" border="0" cellspacing="10" cellpadding="4">
<!--1段目-->
<tr align="center" valign="middle" bgcolor="#FFCCCC"> <td width="25%"> １ </td><td width="25%"> ２ </td><td width="25%"> ３ </td><td width="25%"> ４ </td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="25%" height="90" style="border:1px dotted pink;"> ＠１ </td><td width="25%" height="90"> ＠２ </td><td width="25%" height="90" style="border:1px dotted pink;"> ＠３ </td><td width="25%" height="90"> ＠４ </td></tr>
<!--1段目 ここまで-->
<!--2段目-- ><tr align="center" valign="middle" bgcolor="#FFCCCC"> <td width="25%"> ５ </td><td width="25%"> ６ </td><td width="25%"> ７ </td><td width="25%"> ８ </td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="25%" height="90"> ＠５ </td><td width="25%" height="90" style="border:1px dotted pink;"> ＠６ </td><td width="25%" height="90"> ＠７ </td><td width="25%" height="90" style="border:1px dotted pink;"> ＠８ </td></tr>
<!--2段目 ここまで-->
<!--3段目--> <tr align="center" valign="middle" bgcolor="#FFCCCC"> <td width="25%"> ９ </td><td width="25%"> １０ </td><td width="25%"> １１ </td><td width="25%"> １２ </td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="25%" height="90" style="border:1px dotted pink;"> ＠９ </td><td width="25%" height="90"> ＠１０ </td><td width="25%" height="90" style="border:1px dotted pink;"> ＠１１ </td><td width="25%" height="90"> ＠１２ </td></tr>
<!--3段目ここまで--> </table></td></tr> </table>
<!--バナー貼り付けテーブル ここまで-->
<!--外側のテーブル 終了-->
タグ解説
* テーブルの色を変える場合は #～ を別のカラーコードを変えればOKです。
⇒ カラーコード一覧
* テーブルの幅を変えるには width="500" の数値を変えます。
* <strong><font color="#FF6699"> 今週のお勧め </font></strong> この部分は文字の太さと文字色を指定してあります。ご自由に変えてください。
* 段数を1段少なくするには <!--3段目-->～<!--3段目ここまで--> を削除します。
増やすには <!--3段目-->～<!--3段目ここまで--> を <!--3段目ここまで--> のすぐ後ろにコピペします。
⇒ カラーコード一覧
* テーブルの幅を変えるには width="500" の数値を変えます。
* <strong><font color="#FF6699"> 今週のお勧め </font></strong> この部分は文字の太さと文字色を指定してあります。ご自由に変えてください。
* 段数を1段少なくするには <!--3段目-->～<!--3段目ここまで--> を削除します。
増やすには <!--3段目-->～<!--3段目ここまで--> を <!--3段目ここまで--> のすぐ後ろにコピペします。
使用例
(それぞれのテーブルが独立していますので <br>ごとに切り取ってお好きにレイアウトできます。
もちろん上記のテーブルもセットで使えます。)
| 今週のお勧め |
| １ | ２ | ３ | ４ |
| ＠１ | ＠２ | ＠３ | ＠４ |
| ５ | ６ | ７ | ８ |
| ＠５ | ＠６ | ＠７ | ＠８ |
| ９ | １０ | １１ | １２ |
| ＠９ | ＠１０ | ＠１１ | ＠１２ |
| 今週のお勧めショップ |
| 13 | 14 |
| 15 | 16 |
| 17 | 18 |
| お買い得情報 |
| 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 |
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border:1px dotted pink;"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td width="5" bgcolor="#FF9999"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF99FF"> </td><td align="center" style="border-bottom:1px dotted #ffcccc;"> <strong><font color="#FF6699"> 今週のお勧め
</font></strong>
</td><td width="5" bgcolor="#FF99FF"> </td><td
width="5" bgcolor="#FF99CC"> </td><td
width="5" bgcolor="#FF9999"> </td></tr>
</table><table width="100%" border="0" cellspacing="10"
cellpadding="4"> <tr align="center" valign="middle"
bgcolor="#FFCCCC"> <td width="25%"> １
</td><td width="25%"> ２
</td><td width="25%"> ３
</td><td width="25%"> ４
</td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="25%" height="90" style="border:1px dotted pink;"> ＠１
</td><td width="25%" height="90" style="border:1px dotted pink;"> ＠２
</td><td width="25%" height="90" style="border:1px
dotted pink;"> ＠３
</td><td width="25%" height="90"> ＠４
</td></tr> <tr align="center" valign="middle" bgcolor="#FFCCCC"> <td width="25%"> ５
</td><td width="25%"> ６
</td><td width="25%"> ７
</td><td width="25%"> ８
</td></tr> <tr align="center" valign="middle"
bgcolor="#FFFFFF"> <td width="25%" height="90"
style="border:1px dotted pink;"> ＠５
</td><td width="25%" height="90" style="border:1px dotted pink;"> ＠６
</td><td width="25%" height="90"> ＠７
</td><td width="25%" height="90"> ＠８
</td></tr> <tr align="center" valign="middle" bgcolor="#FFCCCC"> <td width="25%"> ９
</td><td width="25%"> １０
</td><td width="25%"> １１
</td><td width="25%"> １２
</td></tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="25%" height="90" style="border:1px dotted pink;"> ＠９
</td><td width="25%" height="90"> ＠１０
</td><td width="25%" height="90"> ＠１１
</td><td width="25%" height="90"> ＠１２
</td></tr> </table></td></tr> </table>
<br>
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border:1px dotted pink;"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td width="5" bgcolor="#FF9999"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF99FF"> </td><td align="center" style="border-bottom:1px dotted #ffcccc;"> <strong><font color="#FF6699"> 今週のお勧めショップ </font></strong> </td><td width="5" bgcolor="#FF99FF"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF9999"> </td></tr> </table> </td></tr><tr><td><table width="100%" border="0" cellspacing="6" cellpadding="4"> <tr align="left" valign="top"> <td width="50%" bgcolor="#FFCCCC"> 13 </td><td width="50%" style="border-bottom:2px solid #ffcccc;"> 14 </td></tr> <tr align="left" valign="top"> <td width="50%" style="border-bottom:2px solid #ffcccc;"> 15 </td><td width="50%" bgcolor="#FFCCCC"> 16 </td></tr> <tr align="left" valign="top"> <td width="50%" bgcolor="#FFCCCC"> 17 </td><td width="50%" style="border-bottom:2px solid #ffcccc;"> 18 </td></tr> </table></td></tr> </table>
<br>
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border:1px dotted pink;"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td width="5" bgcolor="#FF9999"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF99FF"> </td><td align="center" style="border-bottom:1px dotted #ffcccc;"> <strong><font color="#FF6699"> お買い得情報 </font></strong> </td><td width="5" bgcolor="#FF99FF"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF9999"> </td></tr> </table> </td></tr><tr><td><table width="100%" border="0" cellspacing="10" cellpadding="4"> <tr align="center" valign="middle"> <td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 19 </td><td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 20 </td><td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 21 </td><td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 22 </td></tr> <tr align="center" valign="middle"> <td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 23 </td><td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 24 </td><td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 25 </td><td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 26< /td></tr> </table></td></tr> </table>
<br>
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border:1px dotted pink;"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td width="5" bgcolor="#FF9999"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF99FF"> </td><td align="center" style="border-bottom:1px dotted #ffcccc;"> <strong><font color="#FF6699"> 今週のお勧めショップ </font></strong> </td><td width="5" bgcolor="#FF99FF"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF9999"> </td></tr> </table> </td></tr><tr><td><table width="100%" border="0" cellspacing="6" cellpadding="4"> <tr align="left" valign="top"> <td width="50%" bgcolor="#FFCCCC"> 13 </td><td width="50%" style="border-bottom:2px solid #ffcccc;"> 14 </td></tr> <tr align="left" valign="top"> <td width="50%" style="border-bottom:2px solid #ffcccc;"> 15 </td><td width="50%" bgcolor="#FFCCCC"> 16 </td></tr> <tr align="left" valign="top"> <td width="50%" bgcolor="#FFCCCC"> 17 </td><td width="50%" style="border-bottom:2px solid #ffcccc;"> 18 </td></tr> </table></td></tr> </table>
<br>
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border:1px dotted pink;"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td width="5" bgcolor="#FF9999"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF99FF"> </td><td align="center" style="border-bottom:1px dotted #ffcccc;"> <strong><font color="#FF6699"> お買い得情報 </font></strong> </td><td width="5" bgcolor="#FF99FF"> </td><td width="5" bgcolor="#FF99CC"> </td><td width="5" bgcolor="#FF9999"> </td></tr> </table> </td></tr><tr><td><table width="100%" border="0" cellspacing="10" cellpadding="4"> <tr align="center" valign="middle"> <td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 19 </td><td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 20 </td><td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 21 </td><td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 22 </td></tr> <tr align="center" valign="middle"> <td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 23 </td><td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 24 </td><td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 25 </td><td width="25%" height="90" style="border-bottom:2px solid #ffcccc; border-left:2px solid #ffcccc;"> 26< /td></tr> </table></td></tr> </table>
* <br>
で区切られるパーツになっていますので、３つのテーブルをそれぞれ個別に使えます。もちろん全部組みあわせても使えます。
© Rakuten Group, Inc.
