Diary　Template

日記ダイアリーフォームのHTMLテンプレート配布です。テーブルと小さな画像だけで作ってあります。なるべく簡単にしてあります！Produced by ++ M's Cafe ++の1文だけ消さないで下さい。お使いのHP作成ソフトに対応していない場合もございますのでご了承下さい。アイコンや壁紙は素材壁紙・素材アイコンのページでダウンロードして下さい。

　Template Sample

サンプルです。画像の上でクリックすると見本が見られます。

１	２

Diary Template 1	Diary Template 2

ダウンロードページはこちら

: HTMLと素材を別々でお持ち帰りの方は以下のタグをコピーしてください。

<HTML>
	<HEAD>
	<STYLE TYPE="text/css">

TABLE {	color: #CC9999; /* 文字の色 */
			background-color: #FFFFCC; /* 背景の色 */
 			 border-style: dotted; /* 枠の種類 */
  			border-color: FF9999; /* 枠の色 */}

TD { 	 color: #CC9999; /* 文字の色 */
			  background-color: #FFFFCC; /* 背景の色 */
			  border-style: dotted; /* 枠の種類 */
			  border-color: #FF9999; /* 枠の色 */}

</STYLE>
	<TITLE>diary</TITLE>
	</HEAD>
	<BODY background="back.jpg" text="#808080" link="#808080" alink="#808080" vlink="#808080">
	<BASEFONT size="2">

<CENTER><TABLE align="center" border="0" width="400" height="20">
		<TR>
		<TD bgcolor="#FFFFCC"> </TD>
		<TD width="60%">diary
		</TD>
		<TD bgcolor="#FFFFCC"></TD>
		</TR>
		</TABLE></CENTER>

<CENTER><TABLE align="center" border="0" cellpadding="5" width="450" height="250">
		<TR>
		<TD align="right" valign="bottom" width="450" height="15">1月2日（水）</TD>
		</TR>
		<TR>
		<TD width="450" height="5"></TD>
		</TR>
		<TR>
		<TD width="400" bgcolor="#FFFFFF">☆テキスト欄です。
		</TD>
		</TR>
		<TR>
		<TD height="5"></TD>
		</TR>
		</TABLE></CENTER>

		
		　
		　
		<CENTER><TABLE align="center" border="0" cellpadding="5" width="450" height="250">
		<TR>
		<TD align="right" valign="bottom" width="450" height="15">1月2日（水）</TD>
		</TR>
		<TR>
		<TD width="450" height="5"></TD>
		</TR>
		<TR>
		<TD width="400" bgcolor="#FFFFFF">テキスト欄です。改行コードをいれずに、単純にかいていくと、こんな風に適度な部分でおりかえされます。一度も改行コードをいれずにつらつら書いてみました。 
		
		</TD>
		</TR>
		<TR>
		<TD height="5" bgcolor="#FFFFE6"></TD>
		</TR>
		</TABLE></CENTER>

<CENTER><TABLE align="center" border="0" cellpadding="5" width="450" height="250">
		<TR>
		<TD align="right" valign="bottom" width="450" height="15">1月2日（水）</TD>
		</TR>
		<TR>
		<TD width="450" height="5"></TD>
		</TR>
		<TR>
		<TD width="400" bgcolor="#FFFFFF">テキスト欄です。 
		1行ごとに改行タグで 
		増やしていくと 
		こんなふうな 
		イメージです。 
		どうかな？ 
		長文になれば、テーブルは自然と下へのびていきます。 
		テキスト例 
		テキスト例 
		テキスト例 
		テキスト例 
		テキスト例 
		テキスト例 
		テキスト例 
		テキスト例 
		テキスト例 
		テキスト例 
		テキスト例 
		テキスト例 
		テキスト例 
		テキスト例 
		
</TD>
		</TR>
		<TR>
		<TD height="5" bgcolor="#FFFFE6"></TD>
		</TR>
		</TABLE></CENTER>
		　
		<A HREF="http://a543210.fc2web.com/" style="text-decoration: none;" target="_blank">Produced by ++ M's Cafe ++</A>

<IMG src="home_.jpg" alt="home_.jpg" width="57" height="38">　<IMG src="next_.jpg" alt="next_.jpg" width="57" height="38">
		Copyright © 2003-2004 ++ M's Cafe ++. All Rights Reserved.

　注意：閉じタグを抜いてあるので付け足してください（body閉じるタグ）

DiaryeTemplate　HTML　２

TABLE {	color: #CC9999; /* 文字の色 */
			background-color: #FFCCFF; /* 背景の色 */
 			 border-style: dotted; /* 枠の種類 */
  			border-color: FF99CC; /* 枠の色 */}

TD { 	 color: #CC9999; /* 文字の色 */
			  background-color: #FFFFCC; /* 背景の色 */
			  border-style: dotted; /* 枠の種類 */
			  border-color: #FFCC99; /* 枠の色 */}

</STYLE>
	<TITLE>diary</TITLE>
	</HEAD>
	<BODY background="back_3.jpg" text="#808080" link="#808080" alink="#808080" vlink="#808080">
	<BASEFONT size="2">

<CENTER><TABLE align="center" border="0" width="400" height="20">
		<TR>
		<TD bgcolor="#FFFFCC"> </TD>
		<TD width="60%">diary
		</TD>
		<TD bgcolor="#FFFFCC"></TD>
		</TR>
		</TABLE></CENTER>

料理レシピとフリー素材M'sCafe

[PR] ＳＥＯ対策　| アフェリエイト比較

キッチン料理レシピの　　M'sCafe

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送