EXデザイン用ソース
▼「もくじページのデザイン編集」用ソース▼
<html> <head> <title>$title</title> <STYLE TYPE="text/css"> <!-- body,td{ font-size: 10pt; color: #000000; font-family: MS Pゴシック; background-color: #fff; margin-top: 20px; } a{ text-decoration:none; font-weight:bold; } a:link{ color:#336633; font-weight:bold; } a:visited{ color:#669933; font-weight:bold; } a:active{ color:#336633; font-weight:bold; } a:hover { color:#fff; background-color:#336633; font-weight:bold; } td.title{ background-color: #fff; } td.a{ background-color: #fff; border-style: solid; border-width: 1 1 1 1; border-color: #000; padding: 2 2 2 3; font-size: 10pt; background:url(★bg.gif); color: #fff; font-weight:bold; } td.b{ background-color: #fff; border-style: solid; border-width: 0 1 1 1; border-color: #000; padding: 5; font-size: 10pt; } td.b2{ background-color: #fff; border-style: solid; border-width: 0 1 1 1; border-color: #000; padding: 5; font-size: 10pt; } p.title{ text-align: center; font-size: 14pt; font-weight:bold; } p.day{ text-align: right; font-size: 9pt; } p.copy{ text-align: center; font-size: 9pt; } INPUT { background-color: #fff; border-style: solid; border-color: #aaaaaa; border-width: 1; } --> </STYLE> </head> <body> <div align=center> <table border=0 width=650 cellpadding=5> <tr><td width=650 colspan=2> <!--title:サイトタイトルはいじらない方が無難かも--> <table border=0 width=100% cellspacing=0> <tr> <td width=100% align=center> <p class=title><a href="http://www.enpitu.ne.jp/usr$dir/$id/diary.html">$title</a></p> </td> </tr> </table> <!--title:サイトタイトル/--> </td></tr> <tr><td width=450 align=left valign=top> <!--mokuji:目次--> <table border=0 width=450 cellspacing=0> <tr> <td class=a width=450> <img src="★sw.gif" width=16 height=16 align=middle> archives </td> </tr> <tr><td class=b width=450> $list<br> $mokuji </td></tr></table> <br> <!--mokuji:目次/--> </td> <td width=180 valign=top align=right> <!--menu:フリースペースですので解る人だけいじって下さい--> <table border=0 width=180 cellspacing=0> <tr> <td class=a width=180> <img src="★sw.gif" width=16 height=16 align=middle> menu </td> </tr> <tr><td class=b2 width=180> <!--ご自分の他のページへのリンク等お好きにどうぞ--> <a href="http://www.enpitu.ne.jp/usr$dir/$id/diary.html">最新の日記</a><br> <a href="../../tool/formmail.cgi?id=$id">メール</a> <!--ご自分の他のページへのリンク等お好きにどうぞ/--> </td></tr></table> <!--menu:フリースペース/--> <br> <!--enpitumenu:カウンタ等のエンピツメニューはお好みでいじってん--> <table border=0 width=180 cellspacing=0> <tr> <td class=a width=180> <img src="★sw.gif" width=16 height=16 align=middle> enpitu menu </td> </tr> <tr><td class=b2 width=180> <a href="http://www.enpitu.ne.jp/tool/myadd?$id">My追加</a> $vote $enpitu $count </td></tr></table> enpitu skin:<a href="http://eskn.client.jp/">[e;skn]</a> material:<a href="http://macer.cside.com/bt/">BeaTricky</a> <!--enpitumenu:カウンタ等のエンピツメニュー/--> </td></tr> <tr><td width=650 colspan=2> <!--コピーライト--> <p class=copy>Copyright (C) $name, All rights reserved.</p> <!--コピーライト/--> </td></tr> </table> </div> </body> </html>
▼「日記のデザイン編集」用ソース▼
<html> <head> <title>$title</title> <STYLE TYPE="text/css"> <!-- body,td{ font-size: 10pt; color: #000000; font-family: MS Pゴシック; background-color: #fff; margin-top: 20px; } a{ text-decoration:none; font-weight:bold; } a:link{ color:#336633; font-weight:bold; } a:visited{ color:#669933; font-weight:bold; } a:active{ color:#336633; font-weight:bold; } a:hover { color:#fff; background-color:#336633; font-weight:bold; } td.title{ background-color: #fff; } td.a{ background-color: #fff; border-style: solid; border-width: 1 1 1 1; border-color: #000; padding: 2 2 2 3; font-size: 10pt; background:url(★bg.gif); color: #fff; font-weight:bold; } td.b{ background-color: #fff; border-style: solid; border-width: 0 1 1 1; border-color: #000; padding: 5; font-size: 10pt; background:url(★snp.gif) no-repeat left bottom; } td.b2{ background-color: #fff; border-style: solid; border-width: 0 1 1 1; border-color: #000; padding: 5; font-size: 10pt; } p.title{ text-align: center; font-size: 14pt; font-weight:bold; } p.day{ text-align: right; font-size: 9pt; } p.copy{ text-align: center; font-size: 9pt; } INPUT { background-color: #fff; border-style: solid; border-color: #aaaaaa; border-width: 1; } --> </STYLE> </head> <body> <div align=center> <table border=0 width=650 cellpadding=5> <tr><td width=650 colspan=2> <!--title:サイトタイトルはいじらない方が無難かも--> <table border=0 width=100% cellspacing=0> <tr> <td width=100% align=center> <p class=title><a href="http://www.enpitu.ne.jp/usr$dir/$id/diary.html">$title</a></p> </td> </tr> </table> <!--title:サイトタイトル/--> </td></tr> <tr><td width=450 align=left valign=top> $loop <!--navi:ナビゲーションはいじらない方がいいよ多分--> <table border=0 width=450> <tr><td width=150 align=left> <a href="$kako"><img src="★back.gif" width="88" height="23" border=0></a> </td> <td width=150 align=center valign=bottom> <a href="http://www.enpitu.ne.jp/usr$dir/$id/">title list</a> </td> <td width=150 align=right> <a href="$mirai"><img src="★next.gif" width="88" height="23" border=0></a> </td> </tr> </table> <!--navi:ナビゲーション/--> </td> <td width=180 valign=top align=right> <!--menu:フリースペースですので解る人だけいじって下さい--> <table border=0 width=180 cellspacing=0> <tr> <td class=a width=180> <img src="★sw.gif" width=16 height=16 align=middle> menu </td> </tr> <tr><td class=b2 width=180> <!--ご自分の他のページへのリンク等お好きにどうぞ--> <a href="http://www.enpitu.ne.jp/usr$dir/$id/diary.html">最新の日記</a><br> <a href="../../tool/formmail.cgi?id=$id">メール</a> <!--ご自分の他のページへのリンク等お好きにどうぞ/--> </td></tr></table> <!--menu:フリースペース/--> <br> <!--enpitumenu:カウンタ等のエンピツメニューはお好みでいじってん--> <table border=0 width=180 cellspacing=0> <tr> <td class=a width=180> <img src="★sw.gif" width=16 height=16 align=middle> enpitu menu </td> </tr> <tr><td class=b2 width=180> <a href="http://www.enpitu.ne.jp/tool/myadd?$id">My追加</a> $vote $enpitu $count </td></tr></table> enpitu skin:<a href="http://eskn.client.jp/">[e;skn]</a> material:<a href="http://macer.cside.com/bt/">BeaTricky</a> <!--enpitumenu:カウンタ等のエンピツメニュー/--> </td></tr> <tr><td width=650 colspan=2> <!--コピーライト--> <p class=copy>Copyright (C) $name, All rights reserved.</p> <!--コピーライト/--> </td></tr> </table> </div> </body> </html>
▼「日記のLOOP部分」用ソース▼
<!--diary:日記スペース--> <table border=0 width=450 cellspacing=0> <tr> <td class=a width=450> <img src="★sw.gif" width=16 height=16 align=middle> $daimei </td> </tr> <tr><td class=b width=450> $honbun <p class=day>$time</p> </td></tr></table> <br> <!--diary:日記スペース/-->
カスタマイズをする気満々の方は、
テキストエディタに一度ぶち込んで改造することをオススメします。
▲インデックスへ戻る▲