テンプレート25 桃
タイトル部分にグラデーションのフィルターをかけてあります。
WinMe・IE6のみ動作確認済。
タイトル
| ▼ 商品名1 |
|---|
| 画像1 |
| ▼ 商品名2 |
|---|
| 画像2 |
| ▼ 商品名3 |
|---|
| 画像3 |
| ▼ 商品名4 |
|---|
| 画像4 |
| ▼ 商品名5 |
|---|
| 画像5 |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
| 画像6 | 商品名
商品紹介文6 |
画像7 | 画像8 |
|---|---|---|---|
|
画像9
|
商品名
商品紹介文9 |
画像10 | 画像11 |
|
画像12
|
商品名
商品紹介文12 |
画像13 | 画像14 |
リンク集1
リンク集2
template design * yuippy
<center>
<table width="600" cellpadding="5" bgcolor="#ffffff">
<tbody>
<tr>
<td bgcolor="#ffccee" style="filter: alpha(style=1, opacity=100, finishopacity=0;" colspan="5"><font size="2"><b>タイトル</b></font></td>
</tr>
<tr>
<td height="150">
<table width="100%" cellpadding="5">
<tbody>
<tr>
<td height="20" align="left" valign="bottom"><font color="#ffccee" size="2">▼</font><font size="2">商品名1</font></td>
</tr>
<tr>
<td height="100" align="center" valign="middle" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像1</font></td>
</tr>
</tbody>
</table>
</td>
<td height="150" width="20%">
<table width="100%" cellpadding="5">
<tbody>
<tr>
<td height="20" align="left" valign="bottom"><font color="#ffccee" size="2">▼</font><font size="2">商品名2</font></td>
</tr>
<tr>
<td height="100" align="center" valign="middle" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像2</font></td>
</tr>
</tbody>
</table>
</td>
<td height="150" width="20%">
<table width="100%" cellpadding="5">
<tbody>
<tr>
<td height="20" align="left" valign="bottom"><font color="#ffccee" size="2">▼</font><font size="2">商品名3</font></td>
</tr>
<tr>
<td height="100" align="center" valign="middle" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像3</font></td>
</tr>
</tbody>
</table>
</td>
<td height="150" width="20%">
<table width="100%" cellpadding="5">
<tbody>
<tr>
<td height="20" align="left" valign="bottom"><font color="#ffccee" size="2">▼</font><font size="2">商品名4</font></td>
</tr>
<tr>
<td height="100" align="center" valign="middle" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像4</font></td>
</tr>
</tbody>
</table>
</td>
<td height="150" width="20%">
<table width="100%" cellpadding="5">
<tbody>
<tr>
<td height="20" align="left" valign="bottom"><font color="#ffccee" size="2">▼</font><font size="2">商品名5</font></td>
</tr>
<tr>
<td height="100" align="center" valign="middle" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像5</font></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="5" align="center">
<table width="100%" cellpadding="5" style="border:solid 1px #ffccee" bgcolor="#ffffff">
<tbody>
<tr>
<td style="border:dotted 1px #ffccee;padding-left:50px;padding-right:50px;"><font size="2">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</font></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="5" align="left" valign="top">
<table width="100%" cellpadding="5" cellspacing="5">
<tbody>
<tr>
<td width="18%" height="100" align="center" valign="middle" style="border:1px dotted #ffccee;" bgcolor="#ffffff"><font size="2">画像6</font></td>
<td width="46%" height="100" align="left" valign="top" style="border-bottom:1px dotted #cccccc;"><font size="2"><b>商品名</b><br>
<br>
商品紹介文6</font></td>
<td valign="middle" align="center" width="18%" height="100" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像7</font></td>
<td valign="middle" align="center" width="18%" height="100" style="border:1px dotted #ffccee;" bgcolor="#ffffff"><font size="2">画像8</font></td>
</tr>
<tr>
<td width="18%" height="100" align="center" valign="middle" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像9</font></td>
<td width="46%" height="100" align="left" valign="top" style="border-bottom:1px dotted #cccccc;"><font size="2"><b>商品名</b><br>
<br>
商品紹介文9</font></td>
<td valign="middle" align="center" width="18%" height="100" style="border:1px dotted #ffccee;" bgcolor="#ffffff"><font size="2">画像10</font></td>
<td valign="middle" align="center" width="18%" height="100" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像11</font></td>
</tr>
<tr>
<td width="18%" height="100" align="center" valign="middle" style="border:1px dotted #ffccee;" bgcolor="#ffffff"><font size="2">画像12</font></td>
<td width="46%" height="100" align="left" valign="top" style="border-bottom:1px dotted #cccccc;"><font size="2"><b>商品名</b><br>
<br>
商品紹介文12</font></td>
<td valign="middle" align="center" width="18%" height="100" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像13</font></td>
<td valign="middle" align="center" width="18%" height="100" style="border:1px dotted #ffccee;" bgcolor="#ffffff"><font size="2">画像14</font></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="5" align="center">
<table width="100%" cellpadding="5" cellspacing="5" style="border:#ffccee 1px solid;">
<tbody>
<tr>
<td valign="top" align="left" width="50%" height="30" style="border:#ffccee 1px dotted;" bgcolor="#ffffff"><font size="2">リンク集1</font></td>
<td valign="top" align="left" width="50%" height="30" style="border:#ffccee 1px dotted;" bgcolor="#ffffff"><font size="2">リンク集2</font></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="5" align="right"><font size="1">template design * <a href="http://plaza.rakuten.co.jp/yuips/" target="_blank">yuippy</a></font></td>
</tr>
</tbody>
</table>
</center>
<table width="600" cellpadding="5" bgcolor="#ffffff">
<tbody>
<tr>
<td bgcolor="#ffccee" style="filter: alpha(style=1, opacity=100, finishopacity=0;" colspan="5"><font size="2"><b>タイトル</b></font></td>
</tr>
<tr>
<td height="150">
<table width="100%" cellpadding="5">
<tbody>
<tr>
<td height="20" align="left" valign="bottom"><font color="#ffccee" size="2">▼</font><font size="2">商品名1</font></td>
</tr>
<tr>
<td height="100" align="center" valign="middle" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像1</font></td>
</tr>
</tbody>
</table>
</td>
<td height="150" width="20%">
<table width="100%" cellpadding="5">
<tbody>
<tr>
<td height="20" align="left" valign="bottom"><font color="#ffccee" size="2">▼</font><font size="2">商品名2</font></td>
</tr>
<tr>
<td height="100" align="center" valign="middle" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像2</font></td>
</tr>
</tbody>
</table>
</td>
<td height="150" width="20%">
<table width="100%" cellpadding="5">
<tbody>
<tr>
<td height="20" align="left" valign="bottom"><font color="#ffccee" size="2">▼</font><font size="2">商品名3</font></td>
</tr>
<tr>
<td height="100" align="center" valign="middle" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像3</font></td>
</tr>
</tbody>
</table>
</td>
<td height="150" width="20%">
<table width="100%" cellpadding="5">
<tbody>
<tr>
<td height="20" align="left" valign="bottom"><font color="#ffccee" size="2">▼</font><font size="2">商品名4</font></td>
</tr>
<tr>
<td height="100" align="center" valign="middle" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像4</font></td>
</tr>
</tbody>
</table>
</td>
<td height="150" width="20%">
<table width="100%" cellpadding="5">
<tbody>
<tr>
<td height="20" align="left" valign="bottom"><font color="#ffccee" size="2">▼</font><font size="2">商品名5</font></td>
</tr>
<tr>
<td height="100" align="center" valign="middle" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像5</font></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="5" align="center">
<table width="100%" cellpadding="5" style="border:solid 1px #ffccee" bgcolor="#ffffff">
<tbody>
<tr>
<td style="border:dotted 1px #ffccee;padding-left:50px;padding-right:50px;"><font size="2">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</font></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="5" align="left" valign="top">
<table width="100%" cellpadding="5" cellspacing="5">
<tbody>
<tr>
<td width="18%" height="100" align="center" valign="middle" style="border:1px dotted #ffccee;" bgcolor="#ffffff"><font size="2">画像6</font></td>
<td width="46%" height="100" align="left" valign="top" style="border-bottom:1px dotted #cccccc;"><font size="2"><b>商品名</b><br>
<br>
商品紹介文6</font></td>
<td valign="middle" align="center" width="18%" height="100" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像7</font></td>
<td valign="middle" align="center" width="18%" height="100" style="border:1px dotted #ffccee;" bgcolor="#ffffff"><font size="2">画像8</font></td>
</tr>
<tr>
<td width="18%" height="100" align="center" valign="middle" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像9</font></td>
<td width="46%" height="100" align="left" valign="top" style="border-bottom:1px dotted #cccccc;"><font size="2"><b>商品名</b><br>
<br>
商品紹介文9</font></td>
<td valign="middle" align="center" width="18%" height="100" style="border:1px dotted #ffccee;" bgcolor="#ffffff"><font size="2">画像10</font></td>
<td valign="middle" align="center" width="18%" height="100" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像11</font></td>
</tr>
<tr>
<td width="18%" height="100" align="center" valign="middle" style="border:1px dotted #ffccee;" bgcolor="#ffffff"><font size="2">画像12</font></td>
<td width="46%" height="100" align="left" valign="top" style="border-bottom:1px dotted #cccccc;"><font size="2"><b>商品名</b><br>
<br>
商品紹介文12</font></td>
<td valign="middle" align="center" width="18%" height="100" style="border:1px dotted #cccccc;" bgcolor="#ffffff"><font size="2">画像13</font></td>
<td valign="middle" align="center" width="18%" height="100" style="border:1px dotted #ffccee;" bgcolor="#ffffff"><font size="2">画像14</font></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="5" align="center">
<table width="100%" cellpadding="5" cellspacing="5" style="border:#ffccee 1px solid;">
<tbody>
<tr>
<td valign="top" align="left" width="50%" height="30" style="border:#ffccee 1px dotted;" bgcolor="#ffffff"><font size="2">リンク集1</font></td>
<td valign="top" align="left" width="50%" height="30" style="border:#ffccee 1px dotted;" bgcolor="#ffffff"><font size="2">リンク集2</font></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="5" align="right"><font size="1">template design * <a href="http://plaza.rakuten.co.jp/yuips/" target="_blank">yuippy</a></font></td>
</tr>
</tbody>
</table>
</center>
© Rakuten Group, Inc.
