《 PMail 1.10 から 1.10a への更新 》

■ 同梱ファイル

   ◇転送用
      pmail.cgi : メール送信スクリプト
      pmail.css : スタイルシート

   ◇参照用
      110to110a.txt: 解説(このファイル)


■ 更新内容

      スタイルシートで３種類のボタンをそれぞれデザインできるようにしました。


■ 更新手順

   [1] pmail.cgiの編集

       １行目に perl5 のパスを設定して下さい。

        ※プロバイダーのCGI使用マニュアル等で確認して下さい。


   [2] pmail.css(スタイルシート)の編集(※省略可)

        ID名とクラス名以外は自由に編集できます。


   [3] メールフォームの編集

        内テーブルの中にあったボタンを外に出し、各ボタンのクラス名を変更
        しましたので、それぞれ、次のように編集して下さい。

        maila.htmlの場合(41行目〜)
--------------------------------------------------------------------------------
        <tr><td></td><td>

        <span class="space">
        <input class="btn" type="submit" name="send" value="送信">
        </span>
        <span class="space">
        <input class="btn" type="submit" value="確認して送信">
        </span>
        <br class="per"><br class="per">
        <span class="space">
        <input class="btn" type="reset" value="書き直す">
        </span>
        </td>
        </form>
        </table>
--------------------------------------------------------------------------------
         を以下のようにして下さい。
--------------------------------------------------------------------------------
        </table>

        <div id="btn">
        <span class="space">
        <input class="btns" type="submit" name="send" value="送信">
        </span>
        <span class="space">
        <input class="btnc" type="submit" value="確認して送信">
        </span>
        <br class="per"><br class="per">
        <span class="space">
        <input class="btnr" type="reset" value="書き直す">
        </span>
        </div>

        </form>
--------------------------------------------------------------------------------

        mailb.htmlの場合(50行目〜)
--------------------------------------------------------------------------------
        <tr><td></td><td>
        <span class="space">
        <input class="btn" type="submit" value="送信内容の確認">
        </span>
        <br class="per"><br class="per">
        <span class="space">
        <input class="btn" type="reset" value="書き直す">
        </span>
        </td>
        </form>
        </table>
--------------------------------------------------------------------------------
         を以下のようにして下さい。
--------------------------------------------------------------------------------
        </table>

        <div id="btn">
        <span class="space">
        <input class="btnc" type="submit" value="送信内容の確認">
        </span>
        <br class="per"><br class="per">
        <span class="space">
        <input class="btnr" type="reset" value="書き直す">
        </span>
        </div>

        </form>
--------------------------------------------------------------------------------

        mailc.htmlの場合(44行目〜)
--------------------------------------------------------------------------------
        <tr><td></td><td>
        <span class="space">
        <input class="btn" type="submit" value="送信内容の確認">
        </span>
        <br class="per"><br class="per">
        <span class="space">
        <input class="btn" type="reset" value="書き直す">
        </span>
        </td>
        </form>
        </table>
--------------------------------------------------------------------------------
         を以下のようにして下さい。
--------------------------------------------------------------------------------
        </table>

        <div id="btn">
        <span class="space">
        <input class="btnc" type="submit" value="送信内容の確認">
        </span>
        <br class="per"><br class="per">
        <span class="space">
        <input class="btnr" type="reset" value="書き直す">
        </span>
        </div>

        </form>
--------------------------------------------------------------------------------


   [4] 次のファイルを転送し、pmail.cgiの属性(パーミッション)を設定して下さい。
       pmail.cgi(755/705)
       pmail.css
       maila.html(メールフォームがmaila.htmlの場合)