先日投稿いたしました作品のために特殊タグを用いて作成したモモトーク風レイアウトについて、該当部分のみ抜粋して共有いたします。
特殊タグ練習として投稿するにあたり、せっかくなのでおまけも作りました。
2026/4/19追記：
感想にてご質問をいただきましたので、明記いたします。
一次創作でも二次創作（原作問わず）でもご自由にご利用ください。
作品に合わせたレイアウトのカスタマイズもご自由に。
また、本レイアウトを利用した作品で、本レイアウトへのリンクを紹介することも止めはしません。ただし、特段こちらからリンクや紹介をするよう要求することはありませんので、連絡等なく勝手にご利用くださって結構です。
2024/01/09 22:15
「既読」にmarginを設定し忘れていたので修正いたしました。
2024/01/11 00:00
「返信する」を選択タイプに変更し、marginを追加設定しました。
特殊タグ練習として投稿するにあたり、せっかくなのでおまけも作りました。
2026/4/19追記：
感想にてご質問をいただきましたので、明記いたします。
一次創作でも二次創作（原作問わず）でもご自由にご利用ください。
作品に合わせたレイアウトのカスタマイズもご自由に。
また、本レイアウトを利用した作品で、本レイアウトへのリンクを紹介することも止めはしません。ただし、特段こちらからリンクや紹介をするよう要求することはありませんので、連絡等なく勝手にご利用くださって結構です。
1 / 1
モモトーク風レイアウト
MomoTalk
＿リコ
◀︎
先生、何か事件はありませんか
先生＿
▶︎
いきなり物騒だね
▶︎
どうしたの？
＿リコ
◀︎
少々暇でして
◀︎
シャーレなら何かしら事件を抱えている
だろうと
先生＿
▶︎
今はないかな
＿リコ
◀︎
そうですか
◀︎
それは良いことです
┃絆イベント
リコの絆ストーリーへ
既読
┃返信する
既読以降は簡単な改変で作れそうだった
ので作ったおまけです。
以下に簡単な説明も用意しました。
＿生徒の名前（その前の＿は位置補正用）
◀︎
leftで始まる欄は生徒側の文章入力欄と
なります。特殊タグにmax-widthがない
ので、お手数をおかけいたしますが全角
１８文字で手動改行してください。
◀︎
連続でトークを送信した場合に◀︎が見え
ないようにしていますが、背景と色を合
わせただけです。消すと位置がずれま
す。禁則処理も手動で行ってください。
先生＿
▶︎
rightで始まる欄は原則として先生側の
文章入力欄となります。実はこの上に先
生側の名前入力欄もあり、背景色と同化
させて非表示化しています。必要であれ
ば色を変更して使用してください。
▶︎
「返信する」で文章が中央揃えになって
いる部分はゲームでのモモトークの挙動
に合わせています。
2024/01/09 22:15
「既読」にmarginを設定し忘れていたので修正いたしました。
2024/01/11 00:00
「返信する」を選択タイプに変更し、marginを追加設定しました。
／完結：5話／更新日時：2024年08月17日(土) 17:00 
／完結：20話／更新日時：2026年04月30日(木) 18:00 
／連載：15話／更新日時：2026年05月12日(火) 03:22 
／短編：3話／更新日時：2026年06月04日(木) 00:00