EXデザイン用ソース
▼「もくじページのデザイン編集」用ソース▼
<html> <head> <title>$title</title> <STYLE TYPE="text/css"> <!-- body,td{ font-size: 10pt; color: #993366; font-family: MS Pゴシック; background-color: #fff; margin-top: 20px; } a{ text-decoration:none; font-weight:bold; } a:link{ color:#FF9999; font-weight:bold; } a:visited{ color:#FFCCCC; font-weight:bold; } a:active{ color:#FF9999; font-weight:bold; } a:hover { color:#fff; background-color:#FF9999; font-weight:bold; } td.title{ background-color: #FF9999; border-style: solid; border-color: #000; border-width: 1; } td.name{ background-color: #fff; border-style: solid; border-width: 0 1 1 1; border-color: #000; padding: 2; font-size: 8pt; } td.a{ background-color: #fff; border-style: solid; border-width: 1 1 0 1; border-color: #000; padding: 3 0 0 0; font-size: 10pt; } td.b{ background-color: #fff; border-style: solid; border-width: 0 1 1 1; border-color: #000; padding: 5; font-size: 10pt; } td.dayspace{ background-color: #FF9999; border-style: solid; border-width: 0 1 1 1; border-color: #000; padding: 2; font-size: 8pt; } p.a{ border-style: dotted; border-width: 0 0 1 0; border-color: #000; font-weight: bold; } p.name{ font-size: 9pt; } p.day{ text-align: center; font-size: 8pt; color: #fff; } p.copy{ text-align: center; font-size: 9pt; } .sitetitle{ font-size: 12pt; font-weight: bold; color:#fff; padding: 10px; } .sitetitle a:link { color:#FFFFFF; text-decoration: none; } .sitetitle a:active { color:#FFFFFF; text-decoration: none} .sitetitle a:visited { color:#FFFFFF; text-decoration: none} .sitetitle a:hover { color:#FFFFFF; text-decoration: none; } INPUT { background-color: #fff; border-style: solid; border-color: #FF9999; border-width: 1; } --> </STYLE> </head> <body> <div align=center> <!--title:サイトタイトルはあまり触らない方がいいかも--> <table border=0 width=450 cellspacing=0 align=center> <tr><td class=title width=450 colspan=2> <div class=sitetitle><a href="http://www.enpitu.ne.jp/usr$dir/$id/diary.html">$title</a></div> </td></tr> <tr> <td class=name width=150 align=center> <p class=name>Author:$name</p> </td> <td width=300> </td> </tr> </table> <!--title:サイトタイトル/--> <br> <!--ヤプースやBBSのリンク入れるならこのへんが無難かもよ--> <br> <!--diary:目次--> <table border=0 width=450 cellspacing=0 align=center> <tr><td class=a width=450 colspan=2> <p class=a> 目次</p> </td></tr> <tr><td class=b width=450 colspan=2> $list<br> $mokuji </td></tr> <tr><td width=300> </td> <td class=dayspace width=150> <p class=day>☆.。.:*・゚☆.。.:*・゚☆</p> </td> </tr> </table> <!--diary:目次/--> <br> <table border=0 width=450 cellspacing=0 cellpadding=0> <tr><td width=450> <p class=a> </p> <!--enpitumenu:カウンタ等のエンピツメニューはお好みでいじってん--> <a href="http://www.enpitu.ne.jp/tool/myadd?$id">My追加</a> | <a href="../../tool/formmail.cgi?id=$id">メール</a> <br> $vote $enpitu $count <br> enpitu skin:<a href="http://eskn.client.jp/">[e;skn]</a> <!--enpitumenu:カウンタ等のエンピツメニュー/--> </td></tr> <tr><td width=450> <p class=a> </p> <!--コピーライト--> <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: #993366; font-family: MS Pゴシック; background-color: #fff; margin-top: 20px; } a{ text-decoration:none; font-weight:bold; } a:link{ color:#FF9999; font-weight:bold; } a:visited{ color:#FFCCCC; font-weight:bold; } a:active{ color:#FF9999; font-weight:bold; } a:hover { color:#fff; background-color:#FF9999; font-weight:bold; } td.title{ background-color: #FF9999; border-style: solid; border-color: #000; border-width: 1; } td.name{ background-color: #fff; border-style: solid; border-width: 0 1 1 1; border-color: #000; padding: 2; font-size: 8pt; } td.a{ background-color: #fff; border-style: solid; border-width: 1 1 0 1; border-color: #000; padding: 3 0 0 0; font-size: 10pt; } td.b{ background-color: #fff; border-style: solid; border-width: 0 1 1 1; border-color: #000; padding: 5; font-size: 10pt; } td.dayspace{ background-color: #FF9999; border-style: solid; border-width: 0 1 1 1; border-color: #000; padding: 2; font-size: 8pt; } p.a{ border-style: dotted; border-width: 0 0 1 0; border-color: #000; font-weight: bold; } p.name{ font-size: 9pt; } p.day{ text-align: center; font-size: 8pt; color: #fff; } p.copy{ text-align: center; font-size: 9pt; } .sitetitle{ font-size: 12pt; font-weight: bold; color:#fff; padding: 10px; } .sitetitle a:link { color:#FFFFFF; text-decoration: none; } .sitetitle a:active { color:#FFFFFF; text-decoration: none} .sitetitle a:visited { color:#FFFFFF; text-decoration: none} .sitetitle a:hover { color:#FFFFFF; text-decoration: none; } INPUT { background-color: #fff; border-style: solid; border-color: #FF9999; border-width: 1; } --> </STYLE> </head> <body> <div align=center> <!--title:サイトタイトルはあまり触らない方がいいかも--> <table border=0 width=450 cellspacing=0 align=center> <tr><td class=title width=450 colspan=2> <div class=sitetitle><a href="http://www.enpitu.ne.jp/usr$dir/$id/diary.html">$title</a></div> </td></tr> <tr> <td class=name width=150 align=center> <p class=name>Author:$name</p> </td> <td width=300> </td> </tr> </table> <!--title:サイトタイトル/--> <br> <!--ヤプースやBBSのリンク入れるならこのへんが無難かもよ--> <br> $loop <br> <!--navi:ナビゲーションはいじらない方がいいかも--> <table border=0 bgcolor=#000000 width=450 cellspacing=1> <tr><td width=450 align=center onClick="window.location.href='$kako'" onmouseover="this.style.backgroundColor='#FFCCCC';" onmouseout="this.style.backgroundColor=''" STYLE="cursor:hand;"> past </td> <td width=450 align=center onClick="window.location.href='http://www.enpitu.ne.jp/usr$dir/$id/'" onmouseover="this.style.backgroundColor='#FFCCCC';" onmouseout="this.style.backgroundColor=''" STYLE="cursor:hand;"> title list </td> <td width=450 align=center onClick="window.location.href='$mirai'" onmouseover="this.style.backgroundColor='#FFCCCC';" onmouseout="this.style.backgroundColor=''" STYLE="cursor:hand;"> will </td> </tr> </table> <!--navi:ナビゲーション/--> <br> <table border=0 width=450 cellspacing=0 cellpadding=0> <tr><td width=450> <p class=a> </p> <!--enpitumenu:カウンタ等のエンピツメニューはお好みでいじってん--> <a href="http://www.enpitu.ne.jp/tool/myadd?$id">My追加</a> | <a href="../../tool/formmail.cgi?id=$id">メール</a> <br> $vote $enpitu $count <br> enpitu skin:<a href="http://eskn.client.jp/">[e;skn]</a> <!--enpitumenu:カウンタ等のエンピツメニュー/--> </td></tr> <tr><td width=450> <p class=a> </p> <!--コピーライト--> <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 align=center> <tr><td class=a width=450 colspan=2> <p class=a> $daimei</p> </td></tr> <tr><td class=b width=450 colspan=2> $honbun </td></tr> <tr><td width=300> </td> <td class=dayspace width=150> <p class=day>$time</p> </td> </tr> </table> <!--diary:日記スペース-->
カスタマイズをする気満々の方は、
テキストエディタに一度ぶち込んで改造することをオススメします。
▲インデックスへ戻る▲