リプレイサンプル(Markdown/非推奨版)

タイトル 第一話

キャラクター紹介

キャラクターシート
定義リスト <DL> <DT> <DD>を利用する
説明
キャラクターシート2枚目
種族
人間
特徴
なし

ぼうけんのはじまり

ＧＭ：発言はここ。

PC1さん：タグ付けは以下になります。
<p class="dialog">...</p>が最外郭になり、1つのセリフになる。

PC1さん：上記の中に以下が入ります。
<span class="name"></span>
これが名前側。
ここで
<span class="name pc1">PC1さん</span>
のように固有の名前の部分だけクラス指定を加えて、部分定義する

ＧＭ/マスター：「サブのキャラクターなどは、gm,pcXなどのクラスの対象外にする。」

PC2さん：名前とセリフ部分の区切りには
<span class="separator">：</span>
などとしてください。

ＧＭ/マスター：「地の文は<p class="body_text">としてくれ、pに限らなくていいぞ。複数をまとめてならdivを使うといいな。」

さて、マスターから依頼です。

  • 冒険者はいつもアレ。
  • 同行者はわりとソレ。
### 事件発生

ＧＭ：セリフ部分ですが
<span class="gm phrase"></span>
としてください。

ここまでのをあわせて、サンプルとしてセリフ1つを記載すると
<p class="dialog">
<span class="name gm">ＧＭ</span>
<span class="name"/マスター</span>
<span class="separator">：</span>
<span class="gm phrase">「サブのキャラクターなどは、gm,pcXなどのクラスの対象外にする」</span>
</p>

PC1さん：区切りはただの<hr />(----)です。

ＧＭ：name内のspanのクラスおよびphraseに併記するクラスは、以下を作成しています。gm,pc1...x(追加は自由に),pcall(全員)

一同：―――(爆笑)

PC1さん：だれかのセリフの続きの内容を地に記載する場合はクラス指定なしのpなどで実施します。

これで説明口調の記述をします。

  • 手間を減らすため指定なし。
  • 地の文のためにクラスが指定してあるのは、デザイン優先のため。

ただ、記述をしっかり行うなら<p class="dialog"><span class="pc1 phrase">...</span></p>と個別の枠を作ってもよいです。

???：H1(#)はタイトルとしていますが、H2(##)-H5(#####)については文章に沿った定義でかまいません。(H1を含め明確な定義はありません)

Ａ－２ 森の中

ＶＳモンスター
ラウンド１

1さん：実際のキャラ名がきまったら、CSS(Sacss/SCSS)の定義とすりあわせておくと明確になります

2さん：あわせてアイコンとか用意するとよいでしょう

―――これにて終了

ライセンス

Sample HTML Create by Tsuyoshi CHO 
It is licensed under the CC BY-SA 4.0 http://creativecommons.org/licenses/by-sa/4.0/deed

results matching ""

    No results matching ""