Ran.comX TOPへ
厳選リンク集
トップページ用
リンクページ用
アップデート用
スクロール型
ダイアリー用
フレーム各種
その他様々
■日記用テンプレート
１．日記テンプレート Ｎｏ．１
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>日記１</TITLE> </HEAD> <BODY> <!--ここから先をコピーして違うページへ貼り付けることができます。--> <!--ページ内の移動も指定しだいで簡単にできます。（DIVのtop: left:を書き換えてください。）--> <DIV style="width : 402px;height : 356px;top : 25px;left : 30px; position : absolute; z-index : 1; visibility : visible; " id="Layer1"> <TABLE border="1" cellpadding="0" cellspacing="0" bordercolor="#999ecc"> <TBODY> <TR> <TD height="44" valign="top" style="padding:10px; font-size:11pt; color:#000000; font-weight:bold;" bgcolor="#dcddf0" width="188"> <!-- ここからタイトルを書き込む --> ここに日記タイトル。 <!-- ここまでがタイトル --> </TD> <TD height="44" align="right" valign="top" bgcolor="#dcddf0" style="padding:10px; font-size:10pt; color:#a6a3c2; padding:10px; line-height:18px;" width="170"> <!-- ここが右側テーブルの書き始め位置 -->2004/06/13（日）晴れ<IMG src="../image/fine.gif" width="16" height="16" border="0"><BR> 作者 ： 乱ちゃん <!-- 右テーブルの内容終わり --> </TD> </TR> <TR> <TD style="padding-top:20px; padding-bottom:20px;" colspan="2"> <TABLE width="400"> <TR> <TD colspan="2" height="197" background="../image/line002.gif" width="400" style="padding-left:20px; padding-right:20px; color:#a6a3c2; line-height:20px; font-size:9pt;" valign="top"> <!-- ここから本文を書き始める --> 毎日毎日僕等は鉄板の上で焼かれて・・・<BR> 嫌になっちゃうよ〜<BR> ある朝僕は店のおじさんと喧嘩して海へ逃げ込んだのさ。<BR><BR> という具合に書き込んでいきます。<BR> CGIじゃないのであくまでも自力で書きます。(笑)<BR> ●タイトルは１０文字ぐらいが目安。<BR> ●途中改行の場合は、<BR>を入れてください。<BR> ●長い場合は、自動的に改行処理してくれますから。<BR> ●書く場所は、HTML内に指定してありますから、それを目印に。<BR> ●お天気画像は各自で用意してください。<BR> （使わない場合は、<IMG ...を削除してください。）<BR> <!-- ここまでが日記本文 --> </TD> </TR> </TABLE> </TD> </TR> </TBODY> </TABLE> </DIV> </BODY> </HTML>
２．日記テンプレート Ｎｏ．２
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>日記１</TITLE> </HEAD> <BODY> <!--ここから下をコピーして別のページに貼り付けできます。--> <!--貼り付ける場合は、ＤＩＶのtop: left:を書き換えてください。--> <DIV style="width : 402px;height : 356px;top : 25px;left : 30px; position : absolute; z-index : 1; visibility : visible; " id="Layer1"> <TABLE border="1" cellpadding="0" cellspacing="0" bordercolor="#66cca2"> <TBODY> <TR> <TD height="44" valign="top" style="padding:10px; font-size:11pt; color:#000000; font-weight:bold;" bgcolor="#ddf0dc" width="188"> <!-- ここからタイトルを書き込む --> ここに日記タイトル。 <!-- ここまでがタイトル --> </TD> <TD height="44" align="right" valign="top" bgcolor="#ddf0dc" style="padding:10px; font-size:10pt; color:#779966; padding:10px; line-height:18px;" width="170"> <!-- ここが右側テーブルの書き始め位置 -->2004/06/13（日）晴れ<IMG src="../image/fine.gif" width="16" height="16" border="0"><BR> 作者 ： 乱ちゃん <!-- 右テーブルの内容終わり --> </TD> </TR> <TR> <TD style="padding-top:20px; padding-bottom:20px;" colspan="2"> <TABLE width="400"> <TR> <TD colspan="2" height="197" background="../image/line002.gif" width="400" style="padding-left:20px; padding-right:20px; color:#779966; line-height:20px; font-size:9pt;" valign="top"> <!-- ここから本文を書き始める --> 毎日毎日僕等は鉄板の上で焼かれて・・・<BR> 嫌になっちゃうよ〜<BR> ある朝僕は店のおじさんと喧嘩して海へ逃げ込んだのさ。<BR><BR> という具合に書き込んでいきます。<BR> CGIじゃないのであくまでも自力で書きます。(笑)<BR> ●タイトルは１０文字ぐらいが目安。<BR> ●途中改行の場合は、<BR>を入れてください。<BR> ●長い場合は、自動的に改行処理してくれますから。<BR> ●書く場所は、HTML内に指定してありますから、それを目印に。<BR> ●お天気画像は各自で用意してください。<BR> （使わない場合は、<IMG ...を削除してください。）<BR> <!-- ここまでが日記本文 --> </TD> </TR> </TABLE> </TD> </TR> </TBODY> </TABLE> </DIV> </BODY> </HTML>
３．日記テンプレート Ｎｏ．３
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>日記１</TITLE> </HEAD> <BODY> <DIV style="width : 402px;height : 356px;top : 25px;left : 30px; position : absolute; z-index : 1; visibility : visible; " id="Layer1"> <TABLE border="1" cellpadding="0" cellspacing="0" bordercolor="#c899cc"> <TBODY> <TR> <TD height="44" valign="top" style="padding:10px; font-size:11pt; color:#000000; font-weight:bold;" bgcolor="#eddcf0" width="188"> <!-- ここからタイトルを書き込む --> ここに日記タイトル。 <!-- ここまでがタイトル --> </TD> <TD height="44" align="right" valign="top" bgcolor="#eddcf0" style="padding:10px; font-size:10pt; color:#cc99bf; padding:10px; line-height:18px;" width="170"> <!-- ここが右側テーブルの書き始め位置 -->2004/06/13（日）晴れ<IMG src="../image/fine.gif" width="16" height="16" border="0"><BR> 作者 ： 乱ちゃん <!-- 右テーブルの内容終わり --> </TD> </TR> <TR> <TD style="padding-top:20px; padding-bottom:20px;" colspan="2"> <TABLE width="400"> <TR> <TD colspan="2" height="197" background="../image/line002.gif" width="400" style="padding-left:20px; padding-right:20px; color:#cc99bf; line-height:20px; font-size:9pt;" valign="top"> <!-- ここから本文を書き始める --> 毎日毎日僕等は鉄板の上で焼かれて・・・<BR> 嫌になっちゃうよ〜<BR> ある朝僕は店のおじさんと喧嘩して海へ逃げ込んだのさ。<BR><BR> という具合に書き込んでいきます。<BR> CGIじゃないのであくまでも自力で書きます。(笑)<BR> ●タイトルは１０文字ぐらいが目安。<BR> ●途中改行の場合は、<BR>を入れてください。<BR> ●長い場合は、自動的に改行処理してくれますから。<BR> ●書く場所は、HTML内に指定してありますから、それを目印に。<BR> ●お天気画像は各自で用意してください。<BR> （使わない場合は、<IMG ...を削除してください。）<BR> <!-- ここまでが日記本文 --> </TD> </TR> </TABLE> </TD> </TR> </TBODY> </TABLE> </DIV> </BODY> </HTML>
４．日記テンプレート Ｎｏ．４
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>日記１</TITLE> </HEAD> <BODY> <DIV style="width : 402px;height : 356px;top : 25px;left : 30px; position : absolute; z-index : 1; visibility : visible; " id="Layer1"> <TABLE border="1" cellpadding="0" cellspacing="0" bordercolor="#cc7766"> <TBODY> <TR> <TD height="44" valign="top" style="padding:10px; font-size:11pt; color:#000000; font-weight:bold;" bgcolor="#ffd1cc" width="188"> <!-- ここからタイトルを書き込む --> ここに日記タイトル。 <!-- ここまでがタイトル --> </TD> <TD height="44" align="right" valign="top" bgcolor="#ffd1cc" style="padding:10px; font-size:10pt; color:#cc334c; padding:10px; line-height:18px;" width="170"> <!-- ここが右側テーブルの書き始め位置 -->2004/06/13（日）晴れ<IMG src="../image/fine.gif" width="16" height="16" border="0"><BR> 作者 ： 乱ちゃん <!-- 右テーブルの内容終わり --> </TD> </TR> <TR> <TD style="padding-top:20px; padding-bottom:20px;" colspan="2"> <TABLE width="400"> <TR> <TD colspan="2" height="197" background="../image/line002.gif" width="400" style="padding-left:20px; padding-right:20px; color:#cc334c; line-height:20px; font-size:9pt;" valign="top"> <!-- ここから本文を書き始める --> 毎日毎日僕等は鉄板の上で焼かれて・・・<BR> 嫌になっちゃうよ〜<BR> ある朝僕は店のおじさんと喧嘩して海へ逃げ込んだのさ。<BR><BR> という具合に書き込んでいきます。<BR> CGIじゃないのであくまでも自力で書きます。(笑)<BR> ●タイトルは１０文字ぐらいが目安。<BR> ●途中改行の場合は、<BR>を入れてください。<BR> ●長い場合は、自動的に改行処理してくれますから。<BR> ●書く場所は、HTML内に指定してありますから、それを目印に。<BR> ●お天気画像は各自で用意してください。<BR> （使わない場合は、<IMG ...を削除してください。）<BR> <!-- ここまでが日記本文 --> </TD> </TR> </TABLE> </TD> </TR> </TBODY> </TABLE> </DIV> </BODY> </HTML>
５．日記テンプレート Ｎｏ．５
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0" width="400" height="200"> <TBODY> <TR> <TD colspan="5" width="400" height="30" bgcolor="#5c517a" style="filter:Alpha(Opacity=100,FinishOpacity=50,Style=1);"> <TABLE style="margin-left:2px; margin-top:2px; margin-bottom:2px;" cellspacing="0"> <TR> <TD width="100" height="26" bgcolor="#2e0033" style="color:#dfdcf0; font-size:11pt; font-weight:bold; padding-left:30px;"> <!--ここにタイトルを書き込みます。--> TITLE <!--タイトル終わりです。--> </TD> <TD width="250" align="right" style="color:black; font-size:8pt;"> <!--ここに日付を入れます。日付じゃなくてもいいですけど。--> 2004/06/13(SUN) 15:30 <!----> </TD> </TR> </TABLE> </TD> </TR> <TR> <TD width="10" height="10" bgcolor="#dfdcf0"></TD> <TD width="10" height="10" bgcolor="#ccb8e1"></TD> <TD height="10" bgcolor="#dfdcf0"></TD> <TD width="10" height="10" bgcolor="#ccb8e1"></TD> <TD width="10" height="10" bgcolor="#dfdcf0"></TD> </TR> <TR> <TD width="10" height="10" bgcolor="#ccb8e1"></TD> <TD width="10" height="10" bgcolor="#b34cb3"></TD> <TD height="10" bgcolor="#ccb8e1"></TD> <TD width="10" height="10" bgcolor="#b34cb3"></TD> <TD width="10" height="10" bgcolor="#ccb8e1"></TD> </TR> <TR> <TD width="10" bgcolor="#dfdcf0"></TD> <TD width="10" bgcolor="#ccb8e1"></TD> <TD width="380" height="200" bgcolor="#2e0033" valign="top" style="color:white; font-size:9pt; line-height:18px; padding:20px;"> <!--ここからが本文の始まりです。改行は<BR>でお願いします。--> 今日の課題は、どんなものにしようかな？<BR> 明日も元気でやってみようね。<BR><BR> こんな感じはいかがですか？<BR> 渋いのか？それとも、妖しいのか？<BR> 分らない感じかも？ｗｗ<BR><BR> ●HTML内に書き出し位置を記述してあります。<BR> ●そこを書き替えるだけでOKです。 <!--ここまでが本文です。--> </TD> <TD width="10" bgcolor="#ccb8e1"></TD> <TD width="10" bgcolor="#dfdcf0"></TD> </TR> <TR> <TD width="10" height="10" bgcolor="#ccb8e1"></TD> <TD width="10" height="10" bgcolor="#b34cb3"></TD> <TD height="10" bgcolor="#ccb8e1"></TD> <TD width="10" height="10" bgcolor="#b34cb3"></TD> <TD width="10" height="10" bgcolor="#ccb8e1"></TD> </TR> <TR> <TD width="10" height="10" bgcolor="#dfdcf0"></TD> <TD width="10" height="10" bgcolor="#ccb8e1"></TD> <TD height="10" bgcolor="#dfdcf0"></TD> <TD width="10" height="10" bgcolor="#ccb8e1"></TD> <TD width="10" height="10" bgcolor="#dfdcf0"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
６．日記テンプレート Ｎｏ．６
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="0" cellspacing="0"> <TBODY> <TR> <TD colspan="3" height="10" bgcolor="#ff66b3" style="filter:Alpha(Opacity=100,FinishOpacity=30,Style=1);"></TD> <TD rowspan="2" width="10" bgcolor="#f0abcc" height="140" style="filter:Alpha(Opacity=100,FinishOpacity=30,Style=1,StartY=10,FinishY=100);"></TD> </TR> <TR> <TD rowspan="2" bgcolor="#c499ff" width="10" height="140" style="filter:Alpha(Opacity=100,FinishOpacity=30,Style=1,StartY=100,FinishY=10);"></TD> <TD colspan="2" height="150" width="300" bgcolor="#ffb399" style="filter:Alpha(Opacity=70,FinishOpacity=20,Style=1,StartY=10,FinishY=100,StartX=100,FinishX=100); padding:20px; font-size:9pt; line-height:19px;" valign="top">こんな感じのテーブルもいいでしょ。<BR> 周りの色は同系色にするといいですね。<BR> 思い出をつづる時などにはいいです。<BR> <BR> 詩を書いたりする時には最適かも。<BR><BR> ただし・・・ここで注意です。<BR> <BR> あまり背景を消しすぎないようにしようね。<BR> 文字が見えないようじゃ、なんにもなりませんから。</TD> </TR> <TR> <TD colspan="3" height="10" bgcolor="#ff66e6" style="filter:Alpha(Opacity=30,FinishOpacity=100,Style=1);"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
７．日記テンプレート Ｎｏ．７
<TABLE border="0" cellpadding="0" cellspacing="0" bgcolor="#7a5cd7"> <TR> <TD width="300" height="180" style="padding:1px;"> <TABLE cellspacing="1" width="300" height="180"> <TBODY> <TR> <TD bgcolor="#99e6ff" width="30" height="12"></TD> <TD bgcolor="#ffffff"></TD> <TD width="8" bgcolor="#9efacc"></TD> </TR> <TR> <TD bgcolor="#9efacc"></TD> <TD bgcolor="#ccccff" style="padding-left:5px; padding-top:5px; padding-bottom:5px;" valign="top"> <TABLE border="0" cellspacing="0" cellpadding="5" bgcolor="#ffffff"> <TR> <TD width="210" height="137" valign="top" style="padding:10px; color:#7a5cd7; font-size:8pt; line-height:18px; text-justify:distribute-all-lines;"> <!--ここが本文の書き出し位置--> どんなものに使用するのか？とにかく、使い道を探してみてください。<BR> 単なる模様付きテーブルです。<BR> ちょっと目立たないですが、何気に凝ってます。(笑)<BR> ◆均等割付にしてあります。<BR> ◆爽やか系の配色かな？ｗ<BR> ◆書き込む位置をHTML内に指定してあります。 <!--ここまでが本文--> </TD> </TR> </TABLE> </TD> <TD bgcolor="#99e6ff"></TD> </TR> <TR> <TD height="15" bgcolor="#ffffff"></TD> <TD bgcolor="#ffb366"></TD> <TD bgcolor="#ffffff"></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TABLE>
COPYRIGHT © 2004-2007 FREEMETHOD ALL RIGHTS RESERVED.
