掲示板の設定方法(応用編)  last update 1999/6/25
 

掲示板設置がうまくいったら今度は自分の好みにデザインを変更してみましょう。

  1. 掲示板のスタイルを選ぶ (新スタイル追加 1999/6/25)
  2. フレームをかえる
  3. 掲示板の説明をかえる
  4. タイトル一覧のデザインをかえる
  5. 書きこみ内容のデザインをかえる
  6. 書きこみページのデザインをかえる (新機能 1999/6/25)
  7. 変更した設定を反映させるには

  1. 掲示板スタイルを選ぶ

    InfoSnowの掲示板では以下の3スタイルが選択できます。
    それぞれのスタイルは「board.ini」ファイルの5行目で設定されています。

    書きこみ順+フレーム型
    (normal)

    スレッド+フレーム型
    (thread)

    1ページにすべて表示型
    (simple)

    bord.iniの5行目を
    normal
    に変更しアップロード
    bord.iniの5行目を
    thread
    に変更しアップロード
    bord.iniの5行目を
    simple
    に変更しアップロード

    ※通常掲示板は http://www.infosnow.ne.jp/~yukiotoko/board/ で参照されますが
    ※simpleの場合は http://www.infosnow.ne.jp/~yukiotoko/board/title.htm を指定することで
    ※フレームなしの運用ができます。

  2. フレームをかえる

    フレームを使用している場合掲示板のスタイルに関係なく縦割り、横割りすることができます。

    変更はindex.htmを編集しアップロードしてください。

    縦割り(デフォルト)
    <HTML>
    <HEAD>
    <TITLE>掲示板</TITLE>
    </HEAD>
    <FRAMESET cols="50%,*" >
    <FRAME SRC="title.htm" NAME="title" SCROLLING="auto">
    <FRAME SRC="about.htm" NAME="body" SCROLLING="auto">
    <NOFRAMES>
    <BODY>
    このページはフレームを使用しています。<BR>
    <a href="title.htm">タイトル一覧</a><BR>
    <A HREF="../index.html">戻る</A>
    </NOFRAMES>
    </FRAMESET>
    </BODY>
    </HTML>
    横割り
    <HTML>
    <HEAD>
    <TITLE>掲示板</TITLE>
    </HEAD>
    <FRAMESET rows="50%,*" >
    <FRAME SRC="title.htm" NAME="title" SCROLLING="auto">
    <FRAME SRC="about.htm" NAME="body" SCROLLING="auto">
    <NOFRAMES>
    <BODY>
    このページはフレームを使用しています。<BR>
    <a href="title.htm">タイトル一覧</a><BR>
    <A HREF="../index.html">戻る</A>
    </NOFRAMES>
    </FRAMESET>
    </BODY>
    </HTML>

    ※フレーム分けする割合なども調整できます。詳しくはHTMLの解説書等を参考にしてください。
    ※thread型の場合は横割りが使用しやすいと思います。

  3. 掲示板の説明をかえる

    about.htmを編集しアップロードしてください。編集に関して特に制限はありません。

    ※掲示板の紹介やお約束事などを載せておくとよいでしょう。

  4. タイトル一覧のデザインをかえる

    org-titl.htmを編集しアップロードしてください。

    <!--datastart-->の次の行からタイトルの一覧が挿入されます。
    緑色の部分が変更可能です。

    <HTML>
    <META HTTP-EQUIV="Pragma" content="no-cache">
    <BODY bgcolor=white>
    <center>掲示板</center>
    <br>

    <!------ この行の上のHTMLは変更可能です -------->
    <FORM name="f1" ACTION="/cgi-bin/board/webboard.cgi" METHOD=POST>
    <input type="hidden" name="mode" value="new">

    <!--変更してください-------------------------->
    <input type="hidden" name="popid" value="daruma">
    <input type="hidden" name="ap" value="otaru">
    <!--変更してください-------------------------->

    <INPUT TYPE=submit VALUE=" 書き込み "><BR>
    </FORM>
    <!------------------------------------------------------->
    <!--datastart--><!--この行の下に新記事が追加されます-->

    <!------ この行の下のHTMLは変更可能です -------->
    <P><A HREF="../" target="_parent">掲示板を抜ける。</A>
    <P><A HREF="admin.htm" target="_parent">管理ページへ</A>
    </BODY></HTML>


  5. 書きこみ内容のデザインをかえる

    org-body.htmを編集しアップロードしてください。

    <!--datastart-->の次の行から書きこみ内容が挿入されます。
    緑色の部分が変更可能です。

    <!--◇-->
    <HTML><BODY bgcolor=white>

    <!------ この行の上のHTMLは変更可能です -------->
    <!--datastart--><!--この行の下に本文が挿入されます-->
    <!------ この行の下のHTMLは変更可能です -------->

    </BODY></HTML>


  6. 書きこみページのデザインをかえる

    org-body.htmをコピーしorg-new.htmファイルを作成してください。
    org-new.htmを編集し「/www/board/」にアップロードしてください。
    アップロードはテキストモードアスキーモードで行ってください。

    <!--datastart-->の次の行から書きこみフォームが挿入されます。
    緑色の部分が変更可能です。

    <!--◇-->
    <HTML><BODY bgcolor=white>

    <!------ この行の上のHTMLは変更可能です -------->
    <!--datastart--><!--この行の下に本文が挿入されます-->
    <!------ この行の下のHTMLは変更可能です -------->

    </BODY></HTML>

    ※書きこみページはEUC文字コードで表示されます。EUCコードへの変換はプログラムが
    ※自動的に行いますがorg-new.htm内に
    ※「<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">
    ※のようにシフトJIS指定のタグがあると文字化けをおこしてしまいます。
    ※文字コードを指定するタグは一切使用しないでください。(EUC指定のタグも含む)
    ※上記タグはHTMLエディタが自動的に付加する場合が多いですのでご注意ください。

  7. 変更した設定を反映させるには

    スタイルの変更やデザインの変更を反映させるには

    • 管理ページを表示する。
      http://www.infosnow.ne.jp/~XXXXX/board/admin.htm
    • パスワードを入力し管理ページに入る
    • 削除チェックを入れずに「削除開始」ボタンを押す。

 

  基本編へ戻る  【ホームページの立ち上げかたへ戻る】