■日記用ﾃﾝﾌﾟﾚｰﾄ#1

100万ポイント山分け！1日5回検索で1ポイントもらえる

292732

HOME | DIARY | PROFILE

【フォローする】【ログイン】

INDEX

【楽天ブログTips】

【ブログ用フリー素材】
・日記用テーブルの作り方
・日記用テンプレート#1
・日記用テンプレート#1
（黒バック用）
・写真掲載用黒テーブル
・日記用テンプレート#2
・白猫のテーブル
・タイトル画-Kitchen
・タイトル画-Ｂａｂｙ
・タイトル画-cosmetics
・タイトル画-rabbit
・タイトル画-Classic

【暮らし】

【お小遣い関連】

楽天ブログ・日記用テンプレート＃１
＝シンプルライン＝

☆ここに掲載したテーブルは私が日記で使用しているものと、そのカラーバリエーションです。 楽天ブログの２カラムテンプレート用日記幅に合わせたサイズにしてありますが、デザインによっては同じ２カラムでも微妙に日記幅が違ったりしますので、【プレビュー】で確認しながらサイズ調整をなさってください。

☆どのテンプレートも使用はご自由です♪サイズを変えたり、色を変えたりしてご自分のブログに合うようにカスタマイズなさってくださいね(^^)/

【　ここから画像をアップしたり文章を書きます。
縦の長さに制限はありません。】

下のベージュ背景内のＨＴＭＬ文をコピーして
日記の【エディタ】に貼り付けてご使用ください。

<center><table style="border:#339966 double 5px;" width="510" cellspacing="1"><tr><td style="border:#DC143C double 5px;padding:5px;"><div style="overflow:auto;width:480px;padding:10px;line-height:140%;">【　ここから画像をアップしたり文章を書きます。縦の長さに制限はありません。】
</div></td></tr></table></center>

★ＨＴＭＬ文の解説です。太字部分を下表で解説しています。
こちらのＨＴＭＬ文をコピーしないでくださいね(^^ゞ
<center><table style=" border:#339966 double 5px;" width="510" cellspacing="1"><tr><td style="border:#DC143C double 5px;padding:5px;"><div style="overflow:auto; width:480px; padding:10px; line-height:140%;">【　ここから画像をアップしたり文章を書きます。
縦の長さに制限はありません。
</div></td></tr></table></center>

★幅（width）の指定が２カ所ありますので間違えないようにしてくださいね。

border:#339966	外側ラインの色を指定しています。
double 5px	外側ラインのスタイルと太さの指定
width="510"	テーブル全体の幅を指定
cellspacing="1"	ライン間の幅を指定
width:480px	テーブル内側の幅を指定
padding:10px	テーブルラインと文字の間隔を指定
line-height:140%	文字行間の間隔を指定

★ カラーバリエーション

【　グリーン濃淡　】 テーブル使用例

下のベージュ背景内のＨＴＭＬ文をコピーして
日記の【エディタ】に貼り付けてご使用ください。

<center><table style="border:#339966 double 5px;" width="510" cellspacing="1"><tr><td style="border:#80cc4d double 5px;padding:5px;"><div style="overflow:auto;width:480px;padding:10px;line-height:140%;">【　ここから画像をアップしたり文章を書きます。
縦の長さに制限はありません。】</div></td></tr></table></center>

【　ブルー濃淡　】

下のベージュ背景内のＨＴＭＬ文をコピーして
日記の【エディタ】に貼り付けてご使用ください。

<center><table style="border:#6699CC double 5px;" width="510" cellspacing="1"><tr><td style="border:#66CCCC double 5px;padding:5px;"><div style="overflow:auto;width:480px;padding:10px;line-height:140%;">【　ここから画像をアップしたり文章を書きます。
縦の長さに制限はありません。】</div></td></tr></table></center>

【　パープル濃淡　】

下のベージュ背景内のＨＴＭＬ文をコピーして
日記の【エディタ】に貼り付けてご使用ください。

<center><table style="border:#cc00cc double 5px;" width="510" cellspacing="1"><tr><td style="border:#cc99cc double 5px;padding:5px;"><div style="overflow:auto;width:480px;padding:10px;line-height:140%;">【　ここから画像をアップしたり文章を書きます。
縦の長さに制限はありません。】</div></td></tr></table></center>

【　ピンク濃淡　】

下のベージュ背景内のＨＴＭＬ文をコピーして
日記の【エディタ】に貼り付けてご使用ください。

<center><table style="border:#CC3366 double 5px;" width="510" cellspacing="1"><tr><td style="border:#FF6699 double 5px;padding:5px;"><div style="overflow:auto;width:480px;padding:10px;line-height:140%;">【　ここから画像をアップしたり文章を書きます。
縦の長さに制限はありません。】</div></td></tr></table></center>

【　オレンジ濃淡　】

下のベージュ背景内のＨＴＭＬ文をコピーして
日記の【エディタ】に貼り付けてご使用ください。

<center><table style="border:#FF9966 double 5px;" width="510" cellspacing="1"><tr><td style="border:#FFCC66 double 5px;padding:5px;"><div style="overflow:auto;width:480px;padding:10px;line-height:140%;">【　ここから画像をアップしたり文章を書きます。
縦の長さに制限はありません。】</div></td></tr></table></center>

【　ココア濃淡　】

下のベージュ背景内のＨＴＭＬ文をコピーして
日記の【エディタ】に貼り付けてご使用ください。

<center><table style="border:#cc9966 double 5px;" width="510" cellspacing="1"><tr><td style="border:#DEB887 double 5px;padding:5px;"><div style="overflow:auto;width:480px;padding:10px;line-height:140%;">【　ここから画像をアップしたり文章を書きます。
縦の長さに制限はありません。】</div></td></tr></table></center>

【　X'masカラー】 テーブル使用例

下のベージュ背景内のＨＴＭＬ文をコピーして
日記の【エディタ】に貼り付けてご使用ください。

<center><table style="border:#339933 solid 5px;" width="510" cellspacing="1">
<tr><td style="border:#cc0033 dotted 5px;padding:5px;" width="500"><div style="overflow:auto;width:480px;padding:10px;line-height:140%;">【　ここから画像をアップしたり文章を書きます。<br>
縦の長さに制限はありません。<br>【】内の文章は消してくださいね(^^ゞ　】</div></td></tr></table></center>

ジャンル別一覧