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






日記用テンプレート 1-3


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

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


サンプル・・・ブルー系

** ここから日記の文章を書き入れる。



文章が長く続くと右のライン長く伸びます。

どうでしょう?
 
 ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***
 
** ここにアフィリエイトの商品説明などを書き入れる。
これも文章を長くすると左のライン伸びてきます。
  商品画像1
商品画像2
商品画像3
商品画像4
商品画像5


コピペ用タグ

<table width="600" border="0" cellspacing="4" cellpadding="2" style="border: 3px dotted #3333ff;"><tr><td align="left"><table width="100%" border="0" cellspacing="6" cellpadding="4"><tr><td width="99%" align="left" valign="top" style="border: 1px solid #99ccff;"><font color="#99ccff" size="2">** </font> ここから日記の文章を書き入れる。<br><br><br><br>文章が長く続くと右のライン長く伸びます。<br><br>どうでしょう? </td><td width="1%" bgcolor="#99ccff"> </td></tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><font color="#3333ff" size="2"> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font></font></td></tr></table><table width="100%" border="0" cellspacing="6" cellpadding="4"><tr><td width="1%" bgcolor="#3333ff"> </td><td width="99%" align="left" valign="top" style="border: 1px solid #99ccff;"> <font color="#3333ff" size="2">** </font> ここにアフィリエイトの商品説明などを書き入れる。<br>これも文章を長くすると左のライン伸びてきます。 </td></tr></table><table width="100%" border="0" cellpadding="2" cellspacing="4"><tr><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #3333ff;"><tr><td align="center" valign="middle"> 
商品画像1 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 2px dotted #99ccff;"><tr><td align="center" valign="middle"> 商品画像2 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #3333ff;"><tr><td align="center" valign="middle"> 商品画像3 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 2px dotted #99ccff;"><tr><td align="center" valign="middle"> 商品画像4 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #3333ff;"><tr><td align="center" valign="middle"> 商品画像5 </td></tr></table></td></tr></table></td></tr></table>


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

<table width="600" border="0" cellspacing="4" cellpadding="2" style="border: 3px dotted #3333ff;" bgcolor="#ffffff"><tr><td align="left"><table width="100%" border="0" cellspacing="6" cellpadding="4"><tr><td width="99%" align="left" valign="top" style="border: 1px solid #99ccff;"><font color="#99ccff" size="2">** </font> ここから日記の文章を書き入れる。<br><br><br><br>文章が長く続くと右のライン長く伸びます。<br><br>どうでしょう? </td><td width="1%" bgcolor="#99ccff"> </td></tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><font color="#3333ff" size="2"> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font></font></td></tr></table><table width="100%" border="0" cellspacing="6" cellpadding="4"><tr><td width="1%" bgcolor="#3333ff"> </td><td width="99%" align="left" valign="top" style="border: 1px solid #99ccff;"> <font color="#3333ff" size="2">** </font> ここにアフィリエイトの商品説明などを書き入れる。<br>これも文章を長くすると左のライン伸びてきます。 </td></tr></table><table width="100%" border="0" cellpadding="2" cellspacing="4"><tr><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #3333ff;"><tr><td align="center" valign="middle"> 
商品画像1 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 2px dotted #99ccff;"><tr><td align="center" valign="middle"> 商品画像2 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #3333ff;"><tr><td align="center" valign="middle"> 商品画像3 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 2px dotted #99ccff;"><tr><td align="center" valign="middle"> 商品画像4 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #3333ff;"><tr><td align="center" valign="middle"> 商品画像5 </td></tr></table></td></tr></table></td></tr></table>


コピペ用タグ3 h背景を白+幅を500pxにしました)

<table width="500"border="0" cellspacing="4" cellpadding="2" style="border: 3px dotted #3333ff;" bgcolor="#ffffff"><tr><td align="left"><table width="100%" border="0" cellspacing="6" cellpadding="4"><tr><td width="99%" align="left" valign="top" style="border: 1px solid #99ccff;"><font color="#99ccff" size="2">** </font> ここから日記の文章を書き入れる。<br><br><br><br>文章が長く続くと右のライン長く伸びます。<br><br>どうでしょう? </td><td width="1%" bgcolor="#99ccff"> </td></tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><font color="#3333ff" size="2"> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font> *** <font color="#99ccff">***</font></font></td></tr></table><table width="100%" border="0" cellspacing="6" cellpadding="4"><tr><td width="1%" bgcolor="#3333ff"> </td><td width="99%" align="left" valign="top" style="border: 1px solid #99ccff;"> <font color="#3333ff" size="2">** </font> ここにアフィリエイトの商品説明などを書き入れる。<br>これも文章を長くすると左のライン伸びてきます。 </td></tr></table><table width="100%" border="0" cellpadding="2" cellspacing="4"><tr><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #3333ff;"><tr><td align="center" valign="middle"> 
商品画像1 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 2px dotted #99ccff;"><tr><td align="center" valign="middle"> 商品画像2 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #3333ff;"><tr><td align="center" valign="middle"> 商品画像3 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 2px dotted #99ccff;"><tr><td align="center" valign="middle"> 商品画像4 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #3333ff;"><tr><td align="center" valign="middle"> 商品画像5 </td></tr></table></td></tr></table></td></tr></table>


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

カラーコード一覧



© Rakuten Group, Inc.
X

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