通販大好き♪株も好き♪

通販大好き♪株も好き♪

トップテンプレート(パステルカラー)

画像1
画像2
画像3
画像4
画像5
画像6
画像7
画像8
画像a
テキストs1
テキストs2
テキストs3
テキストs4
テキストs5
テキストs6
画像d
テーマ
画像A
画像B
画像C
画像D
HTML1

<CENTER>
<TABLE bgcolor="#ffffff">
<TBODY>
  <TR>
   <TD style="border:#ffa3a3 solid 1px" WIDTH="450" HEIGHT="450">
<TABLE>
  <TBODY>
   <TR>   
   <TD WIDTH="110" HEIGHT="160" align="center" valign="top">
    <TABLE><TBODY><TR><TD style="border:#ffffbb solid 10px" width="75" HEIGHT="75" align="center">画像1</TD></TR></TBODY></TABLE>
   </TD>
   <TD WIDTH="110" HEIGHT="160" align="center" valign="middle">
    <TABLE><TBODY><TR><TD style="border:#ffe6c2 solid 10px" width="75" HEIGHT="75" align="center">画像2</TD></TR></TBODY></TABLE>
   </TD>
   <TD WIDTH="110" HEIGHT="160" align="center" valign="top">
    <TABLE><TBODY><TR><TD style="border:#ffdddd solid 10px" width="75" HEIGHT="75" align="center">画像3</TD></TR></TBODY></TABLE>
   </TD>
   <TD WIDTH="110" HEIGHT="160" align="center" valign="middle">
    <TABLE><TBODY><TR><TD style="border:#ddffdd solid 10px" width="75" HEIGHT="75" align="center">画像4</TD></TR></TBODY></TABLE>
   </TD>

   </TR>
   <TR>
   <TD WIDTH="110" HEIGHT="160" align="center" valign="middle">
    <TABLE><TBODY><TR><TD style="border:#ddffdd solid 10px" width="75" HEIGHT="75" align="center">画像5</TD></TR></TBODY></TABLE>
   </TD>
   <TD WIDTH="110" HEIGHT="160" align="center" valign="top">
    <TABLE><TBODY><TR><TD style="border:#ffdddd solid 10px" width="75" HEIGHT="75" align="center">画像6</TD></TR></TBODY></TABLE>
   </TD>
   <TD WIDTH="110" HEIGHT="160" align="center" valign="middle">
    <TABLE><TBODY><TR><TD style="border:#ffe6c2 solid 10px" width="75" HEIGHT="75" align="center">画像7</TD></TR></TBODY></TABLE>
   </TD>
   <TD WIDTH="110" HEIGHT="160" align="center" valign="top">
    <TABLE><TBODY><TR><TD style="border:#ffffbb solid 10px" width="75" HEIGHT="75" align="center">画像8</TD></TR></TBODY></TABLE>
   </TD>
   </TR></TBODY></TABLE>
<TABLE><TBODY><TR>
<TD style="border:#ffa3a3 dashed 1px" WIDTH="110" HEIGHT="130" align="center">画像a</TD>
<TD style="border:#ffa3a3 dashed 1px" WIDTH="220" HEIGHT="130" align="center"><TABLE><TBODY>
<TR><TD style="border-bottom:1px dashed #ffa3a3;" align="center" HEIGHT="20" WIDTH="200" align="left">テキストs1</TD></TR>
<TR><TD style="border-bottom:1px dashed #ffa3a3;" align="center" HEIGHT="20" WIDTH="200" align="left">テキストs2</TD></TR>
<TR><TD style="border-bottom:1px dashed #ffa3a3;" align="center" HEIGHT="20" WIDTH="200" align="left">テキストs3</TD></TR>
<TR><TD style="border-bottom:1px dashed #ffa3a3;" align="center" HEIGHT="20" WIDTH="200" align="left">テキストs4</TD></TR>
<TR><TD style="border-bottom:1px dashed #ffa3a3;" align="center" HEIGHT="20" WIDTH="200" align="left">テキストs5</TD></TR>
<TR><TD style="border-bottom:1px dashed #ffa3a3;" align="center" HEIGHT="20" WIDTH="200" align="left">テキストs6</TD></TR>
</TBODY></TABLE>
</TD>
<TD style="border:#ffa3a3 dashed 1px" WIDTH="110" HEIGHT="120" align="center">画像d</TD>
   </TR>
</TBODY>
</TABLE>
   </TD>
   <TD style="border:#ffa3a3 solid 1px" WIDTH="130" HEIGHT="450">
    <TABLE><TBODY>
<TR><TD width="130" HEIGHT="20" bgcolor="#fff0f5" align="center">テーマ</TD></TR>

<TR><TD style="border:#ffa6a6 dashed 1px" width="130" HEIGHT="125" align="center">画像A</TD></TR>
<TR><TD style="border:#ffa6a6 dashed 1px" width="130" HEIGHT="125" align="center">画像B</TD></TR>
<TR><TD style="border:#ffa6a6 dashed 1px" width="130" HEIGHT="125" align="center">画像C</TD></TR>
<TR><TD style="border:#ffa6a6 dashed 1px" width="130" HEIGHT="55" align="center">画像D</TD></TR>
</TBODY></TABLE>
   </TD>
  </TR>
</TBODY>
</TABLE>
</CENTER>

HTML2

<center><table bgcolor="#ffffff"><tbody><tr><td width="450" height="450" style="BORDER-RIGHT: #ffa3a3 1px solid; BORDER-TOP: #ffa3a3 1px solid; BORDER-LEFT: #ffa3a3 1px solid; BORDER-BOTTOM: #ffa3a3 1px solid"><table><tbody><tr><td valign="top" align="center" width="110" height="160"><table><tbody><tr><td align="center" width="75" height="75" style="BORDER-RIGHT: #ffffbb 10px solid; BORDER-TOP: #ffffbb 10px solid; BORDER-LEFT: #ffffbb 10px solid; BORDER-BOTTOM: #ffffbb 10px solid">1</td></tr></tbody></table></td>

<td valign="middle" align="center" width="110" height="160"><table><tbody><tr><td align="center" width="75" height="75" style="BORDER-RIGHT: #ffe6c2 10px solid; BORDER-TOP: #ffe6c2 10px solid; BORDER-LEFT: #ffe6c2 10px solid; BORDER-BOTTOM: #ffe6c2 10px solid">2</td></tr></tbody></table></td>

<td valign="top" align="center" width="110" height="160"><table><tbody><tr><td align="center" width="75" height="75" style="BORDER-RIGHT: #ffdddd 10px solid; BORDER-TOP: #ffdddd 10px solid; BORDER-LEFT: #ffdddd 10px solid; BORDER-BOTTOM: #ffdddd 10px solid">3</td></tr></tbody></table></td>

<td valign="middle" align="center" width="110" height="160"><table><tbody><tr><td align="center" width="75" height="75" style="BORDER-RIGHT: #ddffdd 10px solid; BORDER-TOP: #ddffdd 10px solid; BORDER-LEFT: #ddffdd 10px solid; BORDER-BOTTOM: #ddffdd 10px solid">4</td></tr></tbody></table></td></tr>

<tr><td valign="middle" align="center" width="110" height="160"><table><tbody><tr><td align="center" width="75" height="75" style="BORDER-RIGHT: #ddffdd 10px solid; BORDER-TOP: #ddffdd 10px solid; BORDER-LEFT: #ddffdd 10px solid; BORDER-BOTTOM: #ddffdd 10px solid">5</td></tr></tbody></table></td>

<td valign="top" align="center" width="110" height="160"><table><tbody><tr><td align="center" width="75" height="75" style="BORDER-RIGHT: #ffdddd 10px solid; BORDER-TOP: #ffdddd 10px solid; BORDER-LEFT: #ffdddd 10px solid; BORDER-BOTTOM: #ffdddd 10px solid">6</td></tr></tbody></table></td>

<td valign="middle" align="center" width="110" height="160"><table><tbody><tr><td align="center" width="75" height="75" style="BORDER-RIGHT: #ffe6c2 10px solid; BORDER-TOP: #ffe6c2 10px solid; BORDER-LEFT: #ffe6c2 10px solid; BORDER-BOTTOM: #ffe6c2 10px solid">7</td></tr></tbody></table></td>

<td valign="top" align="center" width="110" height="160"><table><tbody><tr><td align="center" width="75" height="75" style="BORDER-RIGHT: #ffffbb 10px solid; BORDER-TOP: #ffffbb 10px solid; BORDER-LEFT: #ffffbb 10px solid; BORDER-BOTTOM: #ffffbb 10px solid">8</td></tr></tbody></table></td></tr></tbody></table>

<table><tbody><tr><td align="center" width="110" height="130" style="BORDER-RIGHT: #ffa3a3 1px dashed; BORDER-TOP: #ffa3a3 1px dashed; BORDER-LEFT: #ffa3a3 1px dashed; BORDER-BOTTOM: #ffa3a3 1px dashed">a</td>

<td align="center" width="220" height="130" style="BORDER-RIGHT: #ffa3a3 1px dashed; BORDER-TOP: #ffa3a3 1px dashed; BORDER-LEFT: #ffa3a3 1px dashed; BORDER-BOTTOM: #ffa3a3 1px dashed"><table><tbody><tr><td align="center" width="200" height="20" style="BORDER-BOTTOM: #ffa3a3 1px dashed">s1</td></tr>

<tr><td align="center" width="200" height="20" style="BORDER-BOTTOM: #ffa3a3 1px dashed">s2</td></tr>

<tr><td align="center" width="200" height="20" style="BORDER-BOTTOM: #ffa3a3 1px dashed">s3</td></tr>

<tr><td align="center" width="200" height="20" style="BORDER-BOTTOM: #ffa3a3 1px dashed">s4</td></tr>

<tr><td align="center" width="200" height="20" style="BORDER-BOTTOM: #ffa3a3 1px dashed">s5</td></tr>

<tr><td align="center" width="200" height="20" style="BORDER-BOTTOM: #ffa3a3 1px dashed">s6</td></tr></tbody></table></td>

<td align="center" width="110" height="120" style="BORDER-RIGHT: #ffa3a3 1px dashed; BORDER-TOP: #ffa3a3 1px dashed; BORDER-LEFT: #ffa3a3 1px dashed; BORDER-BOTTOM: #ffa3a3 1px dashed">d</td></tr></tbody></table></td>

<td width="130" height="450" style="BORDER-RIGHT: #ffa3a3 1px solid; BORDER-TOP: #ffa3a3 1px solid; BORDER-LEFT: #ffa3a3 1px solid; BORDER-BOTTOM: #ffa3a3 1px solid"><table><tbody><tr><td align="center" width="130" bgcolor="#fff0f5" height="20">a</td></tr>

<tr><td align="center" width="130" height="125" style="BORDER-RIGHT: #ffa6a6 1px dashed; BORDER-TOP: #ffa6a6 1px dashed; BORDER-LEFT: #ffa6a6 1px dashed; BORDER-BOTTOM: #ffa6a6 1px dashed">a</td></tr>

<tr><td align="center" width="130" height="125" style="BORDER-RIGHT: #ffa6a6 1px dashed; BORDER-TOP: #ffa6a6 1px dashed; BORDER-LEFT: #ffa6a6 1px dashed; BORDER-BOTTOM: #ffa6a6 1px dashed">b</td></tr>

<tr><td align="center" width="130" height="125" style="BORDER-RIGHT: #ffa6a6 1px dashed; BORDER-TOP: #ffa6a6 1px dashed; BORDER-LEFT: #ffa6a6 1px dashed; BORDER-BOTTOM: #ffa6a6 1px dashed">c</td></tr>

<tr><td align="center" width="130" height="55" style="BORDER-RIGHT: #ffa6a6 1px dashed; BORDER-TOP: #ffa6a6 1px dashed; BORDER-LEFT: #ffa6a6 1px dashed; BORDER-BOTTOM: #ffa6a6 1px dashed">a</td></tr></tbody></table></td></tr></tbody></table></center><p></p>



© Rakuten Group, Inc.
X
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: