ホームページビルダー作成報告

HPB作成報告 前掲示板 ツリー表示 トピック表示 検索 過去ログ

[ 最新記事及び返信フォームをトピックトップへ ]

[トピック内全4記事(1-4 表示)] 全ページ数 / [0]

■17335 /inTopicNo.1)  メールフォームの設置とレイアウト

■17337 /inTopicNo.2)  Re[1]: メールフォームの設置とレイアウト
    □投稿者/ oioiooi -(2005/01/26(Wed) 07:53:45)

      作成モード(v6以上の方):[ひょ〜じゅん] 
      バージョン:[v9] 

      No17335に返信(トラネコさんの記事)
      > http://www.future-s.com/access/formmailer.htm
      > でメールフォームをレンタルしたのですが、上手く設置できません。
      >
      > http://yukari1015.hp.infoseek.co.jp/mail.htm
      > のようになってしまいます。
      >
      > http://pokemon100.s20.xrea.com/mail.htm
      > のようにするにはどうしたらいいですか?

      参考のページはスタイルシートで色を付けたりしています。
      これは説明がむずかしいし長くなるので、興味があるなら書籍等で勉強してください。
      フォーム部分は表[TABLE]でレイアウトされています。

      以下のコードはサンプルです。
      そのまま、コピーして使ってくれても構わないです。
      参考として示されたhttp://pokemon100.s20.xrea.com/mail.htm
      スタイルシートを流用しつつ、若干ですが手を入れています。

      コピーする場合は、メモ帳を開き貼り付けてください。
      保存は任意のファイル名にしてください。
      その際は、必ず、拡張子まで入力します。
      拡張子は .htm までということです。
      拡張子を入力しないと、単なるテキストファイルで保存されます。

      <!-- コピーはこの下から -->
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/html4/loose.dtd">
      <html lang="ja">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
      <meta http-equiv="Content-Style-Type" content="text/css">
      <title>管理人にメール</title>
      <style type="text/css">
      <!--
      BODY{
      text-align: center;
      margin-right: auto;
      margin-left: auto;
      font: 94% "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
      color: #003366;
      background: #FFFFFF;
      }
      h1,h2 {
      font-size: large;
      font-weight: normal;
      }
      a:link{
      color:#000033;
      background: #FFFFFF;
      }
      a:visited{
      color:#003399;
      background: #FFFFFF;
      }
      a:active {
      color:#FFFFFF;
      background: #33CCFF;
      }
      a:hover{
      background-color:#BBCCFF;
      border-bottom:0px;
      color: #FFFFFF;
      text-decoration: none;
      }

      table{
      border:3px double #6699FF;
      text-align: center;
      margin: 0px auto;
      }
      td,tr{
      border:1px solid #6699FF;
      spacing:10px;
      padding:10px;
      letter-spacing : 1px;
      line-height : 18px;
      text-align: left;
      }
      ul {
      text-align: left;
      margin: 5px auto 5px 35%;
      list-style: none;
      }
      p {
      margin: 5px 0px;
      }
      input,textarea,{color:#000033;
      border-top:2px;
      border-width:2px;
      border-hight:2px;
      border-bottom:2px;
      border-style:solid;
      border-color:#bbccff;
      background-color:#bbccff;
      scrollbar-3d-light-color:#bbccff;
      scrollbar-arrow-color:#bbccff;
      scrollbar-base-color:#FFFFFF;
      scrollbar-face-color:#FFFFFF;
      scrollbar-highlight-color:#bbccff;
      scrollbar-shadow-color:#FFFFFF;
      scrollbar-track-color:#FFFFFF;
      }
      -->
      </style>
      </head>
      <body>
      <h1>管理人にメール</h1>
      <p>管理人にメールを送りたいときは、こちらから下のメールフォームより送信してください。</p>
      <h2>只今の募集物</h2>
      <ul>
      <li>☆占い・おまじない、風水(詳しくはこちら)</li>
      <li>☆開運体験</li>
      <li>☆ギャラリーに飾りたい画像</li>
      </ul>
      <form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
      <table border="0" cellspacing="0">
      <tr>
      <td>名前</td>
      <td><input type="text" name="ふりがな" size="30" maxlength="50"></td>
      </tr>
      <tr>
      <td>ご意見</td>
      <td><textarea name="ご意見" cols="30" rows="5"></textarea></td>
      </tr>
      <tr>
      <td>HPの印象</td>
      <td><input name="性別" type="radio" id="ryo" value="良かった"><label for="ryo">良かった</label>
      <input name="性別" type="radio" id="imaichi" value="いまいち"><label for="imaichi">いまいち</label>
      <input name="性別" type="radio" id="dame" value="ダメ"><label for="dame">ダメ</label></td>
      </tr>
      <tr>
      <td>&nbsp;</td>
      <td><input type="submit" value=" 送 信 ">
      <input type="reset" value=" リセット "></td>
      </tr>
      </table>
      <input type="hidden" name="formid" value="050125099271">
      <input type="hidden" name="formsubject" value="メールのタイトル">
      </form>
      </body>
      </html>
      <!-- コピーはこの上の</html>まで -->

      こんな感じになります。
      サンプルページは削除しました。


    引用返信 / チェック-

■17344 /inTopicNo.3)  Re[2]: メールフォームの設置とレイアウト
    □投稿者/ トラネコ -(2005/01/26(Wed) 22:28:44)


      バージョン:[v8] 

      詳しい説明ありがとうございます。
      http://pokemon100.s20.xrea.com/mail.htm
      のように、
      メルアド・ホームページアドレス・評価の理由をいれるフォームをつくるにはどのようなタグが必要でしょうか?
      名前、用件は必須項目にしたいのですが、出来ますか?

      http://oioiseven.s86.xrea.com/


    引用返信 / チェック-

■17348 /inTopicNo.4)  Re[3]: メールフォームの設置とレイアウト
    □投稿者/ oioiooi -(2005/01/27(Thu) 06:52:34)

      作成モード(v6以上の方):[ひょ〜じゅん] 
      バージョン:[v9] 

      No17344に返信(トラネコさんの記事)
      > 詳しい説明ありがとうございます。
      > http://pokemon100.s20.xrea.com/mail.htm
      > のように、
      > メルアド・ホームページアドレス・評価の理由をいれるフォームをつくるにはどのようなタグが必要でしょうか?
      > 名前、用件は必須項目にしたいのですが、出来ますか?
      >

      ビルダーの操作を説明しないといけないのだけれど、
      私の都合でちょっと今は出来ません。
      (なら、回答するなと言う突っ込みは受けます。…汗)

      こんな塩梅でどうでしょう?。# (どこかで見たフレーズ)

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/html4/loose.dtd">
      <html lang="ja">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
      <meta http-equiv="Content-Style-Type" content="text/css">
      <title>管理人にメール</title>
      <style type="text/css">
      <!--
      BODY{
      text-align: center;
      margin-right: auto;
      margin-left: auto;
      font: 94% "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
      color: #003366;
      background: #FFFFFF;
      }
      h1,h2 {
      font-size: large;
      font-weight: normal;
      }
      a:link{
      color:#000033;
      background: #FFFFFF;
      }
      a:visited{
      color:#003399;
      background: #FFFFFF;
      }
      a:active {
      color:#FFFFFF;
      background: #33CCFF;
      }
      a:hover{
      background-color:#BBCCFF;
      border-bottom:0px;
      color: #FFFFFF;
      text-decoration: none;
      }

      table{
      border:3px double #6699FF;
      text-align: center;
      margin: 0px auto;
      }
      td,tr{
      border:1px solid #6699FF;
      spacing:10px;
      padding:10px;
      letter-spacing : 1px;
      line-height : 18px;
      text-align: left;
      }
      ul {
      text-align: left;
      margin: 5px auto 5px 35%;
      list-style: none;
      }
      p {
      margin: 5px 0px;
      }
      input,textarea
      {
      color:#000033;
      border-top:2px;
      border-width:2px;
      border-height:2px;
      border-bottom:2px;
      border-style:solid;
      border-color:#bbccff;
      background-color:#bbccff;
      scrollbar-3d-light-color:#bbccff;
      scrollbar-arrow-color:#bbccff;
      scrollbar-base-color:#FFFFFF;
      scrollbar-face-color:#FFFFFF;
      scrollbar-highlight-color:#bbccff;
      scrollbar-shadow-color:#FFFFFF;
      scrollbar-track-color:#FFFFFF;
      }
      td.buttons {
      text-align: center;
      }
      -->
      </style>
      </head>
      <body>
      <h1>管理人にメール</h1>
      <p>管理人にメールを送りたいときは、こちらか下のメールフォームより送信してください。</p>
      <h2>只今の募集物</h2>
      <ul>
      <li>☆占い・おまじない、風水(詳しくはこちら)</li>
      <li>☆開運体験</li>
      <li>☆ギャラリーに飾りたい画像</li>
      </ul>
      <form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
      <table border="0" cellspacing="0" summary="mailform">
      <tr>
      <td>お名前(必須)</td>
      <td><input type="text" name="名前" size="30" maxlength="50"></td>
      </tr>
      <tr>
      <td>メールアドレス(必須)</td>
      <td><input name="mail" type="text" size="30" maxlength="64"></td>
      </tr>
      <tr>
      <td>ホームページアドレス</td>
      <td><input name="HP" type="text" value="http://" size="30" maxlength="128"></td>
      </tr>
      <tr>
      <td>ご意見(必須)</td>
      <td><textarea name="ご意見欄" cols="30" rows="5">ご意見</textarea></td>
      </tr>
      <tr>
      <td>HPの印象</td>
      <td><input name="印象" type="radio" id="ryo" value="良かった"><label for="ryo">良かった</label>
      <input name="印象" type="radio" id="imaichi" value="いまいち"><label for="imaichi">いまいち</label>
      <input name="印象" type="radio" id="dame" value="ダメ"><label for="dame">ダメ</label></td>
      </tr>
      <tr>
      <td>どの部分でそう思いましたか?。</td>
      <td><textarea name="どんなところ" cols="30" rows="5"></textarea></td>
      </tr>
      <tr>
      <td colspan="2" class="buttons">
      <input type="submit" value=" 送 信 ">
      <input type="reset" value=" リセット "></td>
      </tr>
      </table>
      <input name="formreq" type="hidden" value="名前">
      <input name="formreq" type="hidden" value="ご意見欄">
      <input type="hidden" name="formid" value="050125099271">
      <input type="hidden" name="formsubject" value="メールのタイトル">
      <input name="formreq" type="hidden" value="mail">
      </form>
      </body>
      </html>

      こんな感じになります。
      サンプルページは削除しました。


    引用返信 / チェック-




このトピック内容の全ページ数 / [0]

このトピックには書きこめません
Pass/

HPB作成報告 前掲示板 ツリー表示 トピック表示 検索 過去ログ

- Child Tree -