500ピクセル幅のテンプレート ６
テンプレート 6
width="500"（テーブル幅、00ピクセル）のテンプレート
サンプル
■ ■ ■ 題名 ■ ■ ■
画像1
画像2
画像3
画像4
画像5
説明1
説明2
説明3
説明4
説明5
コピペ用タグ
<!--外側テーブル開始-->
<table width="500" border="0" cellpadding="4" cellspacing="2">
<tr>
<td colspan="5" align="center" bgcolor="#330066">
<!--題名貼り付け 開始-->
<strong><font color="#FFFFFF"> ■ ■ ■ 題名 ■ ■ ■ </font></strong>
<!--題名貼り付け 終了-->
</td>
</tr>
<tr align="center" valign="top">
<td width="20%">
<!--画像1 テーブル 開始-->
<table width="100%" height="100" border="1" cellpadding="2" cellspacing="5" bordercolor="#330066" style="border: 2px dashed #330066;"><tr><td align="center" valign="middle" style="border-bottom: 1px dotted #330066;"> 画像1 </td></tr></table>
<!--画像1 テーブル 終了-->
</td>
<td width="20%">
<!--画像2 テーブル 開始-->
<table width="100%" height="100" border="1" cellpadding="2" cellspacing="5" bordercolor="#330066" style="border: 2px dashed #330066;"> <tr><td align="center" valign="middle" style="border-bottom: 1px dotted #330066;"> 画像2 </td></tr></table>
<!--画像2 テーブル 終了-->
</td>
<td width="20%">
<!--画像3 テーブル 開始-->
<table width="100%" height="100" border="1" cellpadding="2" cellspacing="5" bordercolor="#330066" style="border: 2px dashed #330066;"><tr> <td align="center" valign="middle" style="border-bottom: 1px dotted #330066;"> 画像3 </td></tr></table>
<!--画像3 テーブル 終了-->
</td>
<td width="20%">
<!--画像4 テーブル 開始-->
<table width="100%" height="100" border="1" cellpadding="2" cellspacing="5" bordercolor="#330066" style="border: 2px dashed #330066;"><tr><td align="center" valign="middle" style="border-bottom: 1px dotted #330066;"> 画像4 </td></tr></table>
<!--画像4 テーブル 終了-->
</td>
<td width="20%">
<!--画像5 テーブル 開始-->
<table width="100%" height="100" border="1" cellpadding="2" cellspacing="5" bordercolor="#330066" style="border: 2px dashed #330066;"><tr><td align="center" valign="middle" style="border-bottom: 1px dotted #330066;"> 画像5 </td>
</tr></table>
<!--画像5 テーブル 終了-->
</td>
</tr>
<!--バナー貼り付けの行 終了-->
<!--説明の行 開始-->
<tr align="left" valign="top">
<td style="border-bottom: 1px dotted #330066;"> 説明1 </td>
<td style="border-bottom: 1px dotted #330066;"> 説明2 </td>
<td style="border-bottom: 1px dotted #330066;"> 説明3 </td>
<td style="border-bottom: 1px dotted #330066;"> 説明4 </td>
<td style="border-bottom: 1px dotted #330066;"> 説明5 </td>
</tr>
<!-- 説明の行 終了-->
</table>
<!--外側のテーブル 終了-->
<table width="500" border="0" cellpadding="4" cellspacing="2">
<tr>
<td colspan="5" align="center" bgcolor="#330066">
<!--題名貼り付け 開始-->
<strong><font color="#FFFFFF"> ■ ■ ■ 題名 ■ ■ ■ </font></strong>
<!--題名貼り付け 終了-->
</td>
</tr>
<tr align="center" valign="top">
<td width="20%">
<!--画像1 テーブル 開始-->
<table width="100%" height="100" border="1" cellpadding="2" cellspacing="5" bordercolor="#330066" style="border: 2px dashed #330066;"><tr><td align="center" valign="middle" style="border-bottom: 1px dotted #330066;"> 画像1 </td></tr></table>
<!--画像1 テーブル 終了-->
</td>
<td width="20%">
<!--画像2 テーブル 開始-->
<table width="100%" height="100" border="1" cellpadding="2" cellspacing="5" bordercolor="#330066" style="border: 2px dashed #330066;"> <tr><td align="center" valign="middle" style="border-bottom: 1px dotted #330066;"> 画像2 </td></tr></table>
<!--画像2 テーブル 終了-->
</td>
<td width="20%">
<!--画像3 テーブル 開始-->
<table width="100%" height="100" border="1" cellpadding="2" cellspacing="5" bordercolor="#330066" style="border: 2px dashed #330066;"><tr> <td align="center" valign="middle" style="border-bottom: 1px dotted #330066;"> 画像3 </td></tr></table>
<!--画像3 テーブル 終了-->
</td>
<td width="20%">
<!--画像4 テーブル 開始-->
<table width="100%" height="100" border="1" cellpadding="2" cellspacing="5" bordercolor="#330066" style="border: 2px dashed #330066;"><tr><td align="center" valign="middle" style="border-bottom: 1px dotted #330066;"> 画像4 </td></tr></table>
<!--画像4 テーブル 終了-->
</td>
<td width="20%">
<!--画像5 テーブル 開始-->
<table width="100%" height="100" border="1" cellpadding="2" cellspacing="5" bordercolor="#330066" style="border: 2px dashed #330066;"><tr><td align="center" valign="middle" style="border-bottom: 1px dotted #330066;"> 画像5 </td>
</tr></table>
<!--画像5 テーブル 終了-->
</td>
</tr>
<!--バナー貼り付けの行 終了-->
<!--説明の行 開始-->
<tr align="left" valign="top">
<td style="border-bottom: 1px dotted #330066;"> 説明1 </td>
<td style="border-bottom: 1px dotted #330066;"> 説明2 </td>
<td style="border-bottom: 1px dotted #330066;"> 説明3 </td>
<td style="border-bottom: 1px dotted #330066;"> 説明4 </td>
<td style="border-bottom: 1px dotted #330066;"> 説明5 </td>
</tr>
<!-- 説明の行 終了-->
</table>
<!--外側のテーブル 終了-->
タグ解説
* テーブルの色を変える場合はそれぞれのカラーコードを変えればOKです。
⇒ カラーコード一覧
* 説明文を書く行が入らない場合
<!--説明の行 開始--> ～ <!-- 説明の行 終了--> を切り取ります。
⇒ カラーコード一覧
* 説明文を書く行が入らない場合
<!--説明の行 開始--> ～ <!-- 説明の行 終了--> を切り取ります。
使用例
■ ■ ■ topicks ★ HDDカーナビ ■ ■ ■
199,500円
234,000円
220,500円
179,800円
173,700円
タグは上のものと一緒です。
© Rakuten Group, Inc.
