> > ERROR　送信不能を知らせるページを作成する

2011年11月11日金曜日

ERROR　送信不能を知らせるページを作成する


送信ができない理由を表示するページを作成します。
フォルダ./tmpl/にあるerror.htmlを編集します。
アップロード後は管理ページより編集可能です
  • 必ずutf-8で作成保存する
  • ウェブ上で編集可能です。ソースを編集する際は、管理ページ＞＞テンプレートを編集する＞＞error.html　を選び、コピー＆ペーストしてください。
  • 入力送信ページ　form.htmlと同じフォルダ（./tmpl/）に保存する
  • CSSは内蔵されています。必ずｃｓｓ入力箇所にstyle.cssをすべてコピー＆ペーストしてください
  • CSSを追加するときは、TAGindexのスタイルシートを参考に追加してください。


ソースコードは以下のとおりです。

ファイル名：　error.html

///////////////////////////////////////////////////////////////////////////
<!--MARK_head-->
<!--START_head-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--error.html-->
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW">

<!--▼▼▼▼　CSSを書き換えること　▼▼▼▼-->
<STYLE TYPE="text/css"><!--


/* 全体の文字サイズと文字色の指定
======================================================= */
BODY,TABLE,TR,TD,TH {
font-size:12px; color:#333333 ;
}

/* ページ全体のマージン指定
======================================================= */
BODY {
margin: 0px 0px 0px 0px;
background-color: #B1C255;
}

/* タイトル部分の各種指定
======================================================= */
#title-table { width:465px; padding:3px; }
/* タイトル文字左のアクセントの幅と色の設定 */
#title-left { width:5px; background-color:#cc0000; }
/* タイトル文字の設定 */
#font-title { font-size:15px ; font-weight:bold ; color:#333333 ; }

/* 罫線hr コメント領域の指定
======================================================= */
hr.header { height:1px; border:none ; border-top:1px #888888 solid ;  }

/* コメント領域のテーブルと文字色の各種指定
======================================================= */
table.coment-table { width:465px ; padding:3px ; }

#font-coment { color:#444444 ; line-height:150% ; }
#font-caution { color:#cc0000 ; line-height:150% ; }

/* 入力フォーム領域のテーブルと文字色の各種指定
======================================================= */
#form-table { width:465px ; padding:3px ; }
/* 入力タイトルの文字色 */
#font-form { color:#777777; }
/* 入力タイトルの文字色 */
#font-needs { color:#cc0000; }
/* 入力フォーム奇数段の背景色 */
#tr-form1 { background-color:#d2d2d2 ; padding:3px ; }
/* 入力フォーム偶数段の背景色 */
#tr-form2 { background-color:#eaeaea ; padding:3px ; }
/* 入力フォームのpadding設定 */
#td-form { padding:3px; }

/* フォーム入力枠内の各種指定
======================================================= */
input,textarea,select{
border-left:1px solid Dimgray;
border-right:1px solid Dimgray;
border-top:1px solid Dimgray;
border-bottom:1px solid Dimgray;
font-size:13px;color:Dimgray;background-color:#ffffff 
}

/* 罫線hr コメント領域の指定
======================================================= */
hr.footer { height:1px; border:none ; border-top:1px #888888 solid ;  }

/* ボタンの各種設定
======================================================= */
/* リセットボタンの設定 */
#submit-reset { color:#555555 ; background-color:#eaeaea ;  }
/* 次へ進むボタンの設定 */
#submit-next { color:#ffffff ; background-color:#ff0000 ;  }

/* 前の画面に戻るの設定
======================================================= */
table.return { width:155px ; background-color:#0000cc ; padding:2px ; }
font.return { color:#ffffff ; }


/* 著作権表示の設定
======================================================= */
font.credit { font-size:7px ; color:#d4d4d4  ; }


--></STYLE>
<!--▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲-->

<!--▼▼▼▼　ブラウザに表示するタイトル　▼▼▼▼-->

<TITLE> ERROR!! </TITLE>

<!--▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲-->

</head>

<BODY>
<!--END_head-->
<!--MARKEND_head-->

<!--MARK_alist-->
<!--START_article-->

<center>

<table><tr><Td align=left>
<table id="title-table"><tr><td id="title-left"></td>
<td id="title-right">
<!--▼▼▼▼　　　表示するタイトル　　　　▼▼▼▼-->

<font id="font-title">ERROR!! エラー内容をご確認ください</font>

<!--▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲-->
</td></tr></table>

<HR class="header">

<TABLE id="form-table" >
<tr><td width=150></td><td></td></tr>
<TR id="tr-form1">
<TD id="td-form"><font id="font-form">
エラー内容
</font></TD><TD id="td-form"><font id="font-caution">
!errormessage!
</font>
</TD></TR>

</TABLE>
<HR class="footer">


<center>

<table class="return"><tr><td align=center>
<A HREF="javascript:history.go(-1)"><FONT class="return">＜＜ 前の画面に戻る</FONT></A></td></tr></table>
</center>
<p></p>

<!--END_article-->
<!--MARKEND_alist-->

<!--MARK_foot-->
<!--START_foot-->

<DIV ALIGN=right><font class="credit">
!credit!
</font></DIV>
</body></html>
<!--以下は変更不可-->
<!--END_foot-->
<!--MARKEND_foot-->