日記用テンプレート600幅 4(パープル系)






日記用テンプレート 4


width="600"(テーブル幅、600ピクセル)の日記用テンプレート

楽天で日記を書く場合、タグにスペースが空いていると間延びする場合がありますので、
タグはスペースを空けずに詰めることをお勧めします。

サンプル
 
 
 
   
 
 
 
 
 
 
 本文記入欄
 @1
 @2
@3
 @4
 @5
   
 
 
 
 
 
 
 
 
 



コピペ用タグ

<table width="600" border="0" cellspacing="2" cellpadding="2" style="border: 1px solid #9933FF">
<tr>
<td height="5" bgcolor="#9933FF" ></td><td height="5" bgcolor="#CC99FF"> </td><td height="5" bgcolor="#CCCCFF"></td><td width="500" rowspan="3"></td><td colspan="3" rowspan="4"></td></tr>
<tr>
<td height="5" bgcolor="#CC99FF"> </td><td height="5" bgcolor="#CCCCFF"> </td><td height="5"> </td></tr> <tr> <td height="5" bgcolor="#CCCCFF"> </td><td height="5"> </td><td height="5"> </td></tr> <tr> <td colspan="3" rowspan="4"></td><td width="500">
<table width="100%" border="0" cellspacing="4" cellpadding="2"> <tr> <td rowspan="5" align="left" valign="top" style="border: 1px solid #9933FF"> 本文記入欄</td>
<td width="100" height="100" align="center" valign="middle" style="border: 1px solid #9933FF"> @1</td>
</tr><tr>
<td height="100" align="center" valign="middle" bgcolor="#CC99FF"> @2</td>
</tr><tr>
<td height="100" align="center" valign="middle" style="border: 1px solid #9933FF"> @3</td>
</tr><tr>
<td height="100" align="center" valign="middle" bgcolor="#CC99FF"> @4</td>
</tr><tr>
<td height="100" align="center" valign="middle" style="border: 1px solid #9933FF"></td>
</tr> </table>
</td></tr>
<tr> <td width="500" rowspan="3"> </td><td> </td><td> </td><td bgcolor="#CCCCFF"> </td></tr> <tr> <td> </td><td bgcolor="#CCCCFF"> </td><td bgcolor="#CC99FF"> </td></tr> <tr> <td bgcolor="#CCCCFF"> </td><td bgcolor="#CC99FF"> </td><td bgcolor="#9933FF"> </td></tr> </table>


コピペ用タグ2(背景を白にしました)

<table width="600" border="0" cellspacing="2" cellpadding="2" style="border: 1px solid #9933FF" bgcolor="#ffffff">
<tr>
<td height="5" bgcolor="#9933FF" ></td><td height="5" bgcolor="#CC99FF"> </td><td height="5" bgcolor="#CCCCFF"></td><td width="500" rowspan="3"></td><td colspan="3" rowspan="4"></td></tr>
<tr>
<td height="5" bgcolor="#CC99FF"> </td><td height="5" bgcolor="#CCCCFF"> </td><td height="5"> </td></tr> <tr> <td height="5" bgcolor="#CCCCFF"> </td><td height="5"> </td><td height="5"> </td></tr> <tr> <td colspan="3" rowspan="4"></td><td width="500">
<table width="100%" border="0" cellspacing="4" cellpadding="2"> <tr> <td rowspan="5" align="left" valign="top" style="border: 1px solid #9933FF"> 本文記入欄</td>
<td width="100" height="100" align="center" valign="middle" style="border: 1px solid #9933FF"> @1</td>
</tr><tr>
<td height="100" align="center" valign="middle" bgcolor="#CC99FF"> @2</td>
</tr><tr>
<td height="100" align="center" valign="middle" style="border: 1px solid #9933FF"> @3</td>
</tr><tr>
<td height="100" align="center" valign="middle" bgcolor="#CC99FF"> @4</td>
</tr><tr>
<td height="100" align="center" valign="middle" style="border: 1px solid #9933FF"></td>
</tr> </table>
</td></tr>
<tr> <td width="500" rowspan="3"> </td><td> </td><td> </td><td bgcolor="#CCCCFF"> </td></tr> <tr> <td> </td><td bgcolor="#CCCCFF"> </td><td bgcolor="#CC99FF"> </td></tr> <tr> <td bgcolor="#CCCCFF"> </td><td bgcolor="#CC99FF"> </td><td bgcolor="#9933FF"> </td></tr> </table>


コピペ用タグ2(背景を白に幅を500pxにしました)

<table width="500"border="0" cellspacing="2" cellpadding="2" style="border: 1px solid #9933FF" bgcolor="#ffffff">
<tr>
<td height="5" bgcolor="#9933FF" ></td><td height="5" bgcolor="#CC99FF"> </td><td height="5" bgcolor="#CCCCFF"></td><td width="500" rowspan="3"></td><td colspan="3" rowspan="4"></td></tr>
<tr>
<td height="5" bgcolor="#CC99FF"> </td><td height="5" bgcolor="#CCCCFF"> </td><td height="5"> </td></tr> <tr> <td height="5" bgcolor="#CCCCFF"> </td><td height="5"> </td><td height="5"> </td></tr> <tr> <td colspan="3" rowspan="4"></td><td width="500">
<table width="100%" border="0" cellspacing="4" cellpadding="2"> <tr> <td rowspan="5" align="left" valign="top" style="border: 1px solid #9933FF"> 本文記入欄</td>
<td width="100" height="100" align="center" valign="middle" style="border: 1px solid #9933FF"> @1</td>
</tr><tr>
<td height="100" align="center" valign="middle" bgcolor="#CC99FF"> @2</td>
</tr><tr>
<td height="100" align="center" valign="middle" style="border: 1px solid #9933FF"> @3</td>
</tr><tr>
<td height="100" align="center" valign="middle" bgcolor="#CC99FF"> @4</td>
</tr><tr>
<td height="100" align="center" valign="middle" style="border: 1px solid #9933FF"></td>
</tr> </table>
</td></tr>
<tr> <td width="500" rowspan="3"> </td><td> </td><td> </td><td bgcolor="#CCCCFF"> </td></tr> <tr> <td> </td><td bgcolor="#CCCCFF"> </td><td bgcolor="#CC99FF"> </td></tr> <tr> <td bgcolor="#CCCCFF"> </td><td bgcolor="#CC99FF"> </td><td bgcolor="#9933FF"> </td></tr> </table>



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

カラーコード一覧



© Rakuten Group, Inc.
X

Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: