500ピクセル幅のテンプレート　４

テンプレート　4

　width="500"（テーブル幅、00ピクセル）のテンプレート

商品をたくさん紹介したい場合のためのテンプレート

サンプル

@10　

@11　

@12　

□　　テキストで紹介　1

□　　テキストで紹介　2

□　　テキストで紹介　3

□　　テキストで紹介　4

コピペ用タグ

<table width="500" border="0" cellspacing="0" cellpadding="2" bgcolor="#ffffff" style="border-top: 2px solid #ffcc00;border-right: 2px solid #ffcc00;border-bottom:21px solid #66cc00;border-left:2px solid #66cc00;">
<tr><td align="center" valign="top">

<table width="440" border="0" cellpadding="2" cellspacing="4">

<tr align="center" valign="middle">
<td width="25%" height="100" style="border: 1px dotted #66cc00">@1</td>
<td width="25%" height="100" style="border: 1px dotted #ffcc00;">@2</td>
<td width="25%" height="100" style="border: 1px dotted #66cc00">@3</td>
<td width="25%" height="100" style="border: 1px dotted #ffcc00;">@4</td>
</tr>


<tr align="center" valign="middle">
<td width="25%" height="100" style="border: 4px dotted #66cc00">@5</td>
<td width="25%" height="100" style="border: 1px dotted #66cc00">@6</td>
<td width="25%" height="100" style="border: 1px dotted #ffcc00;">@7</td>
<td width="25%" height="100" style="border: 4px dotted #ffcc00;">@8</td>
</tr>


<tr align="center" valign="middle">
<td width="25%" height="100" style="border: 1px dotted #66cc00">@9</td>
<td width="25%" height="100" style="border: 1px dotted #ffcc00;">@10</td>
<td width="25%" height="100" style="border: 1px dotted #66cc00">@11</td>
<td width="25%" height="100" style="border: 1px dotted #ffcc00;">@12</td>
</tr>


<tr><td width="25%" height="100" colspan="4">

<table width="100%" border="0" cellspacing="4" cellpadding="2"> <tr>
<td align="left" valign="top" style="border-bottom: 1px dotted #333333;">
<font color="#66CC00" size="2">□</font><font size="2">　　テキストで紹介　1</font></td>
</tr><tr>
<td align="left" valign="top" style="border-bottom: 1px dotted #333333;">
<font color="#FFCC00" size="2">□</font><font size="2">　　テキストで紹介　2</font></td>
</tr><tr>
<td align="left" valign="top" style="border-bottom: 1px dotted #333333;">
<font color="#66CC00" size="2">□</font><font size="2">　　テキストで紹介　3</font></td>
</tr><tr>
<td align="left" valign="top" style="border-bottom: 1px dotted #333333;">
<font color="#FFCC00" size="2">□</font><font size="2">　　テキストで紹介　4</font></td>
</tr></table>

</td></tr> </table>

</td></tr> </table>

タグ解説

*　テーブルの色を変える場合はそれぞれのカラーコードを変えればOKです。

⇒　カラーコード一覧

使用例