查看“模板:角色对话/文档”的源代码

{{InfoBox|此模板源自星穹铁道WIKI[https://wiki.biligame.com/sr/%E6%A8%A1%E6%9D%BF:%E8%A7%92%E8%89%B2%E5%AF%B9%E8%AF%9D 同名模板]，部分内容有魔改}}
<h2>参数说明</h2>
<div style="overflow:auto">
{| class="wikitable" style="width:100%"
|- <!-- 表头 -->
!简要!!使用!!参数!!参数说明
|- <!-- 第1行 -->
|rowspan=6 colspan=1|<h3>模板开始</h3>
|rowspan=6 colspan=1|控制上方显示名字、签名，控制整体背景图、整体限高<pre>{{角色对话|模板开始|<名字>|<签名>|<图片>|min-height=<min-height>|max-height=<max-height>}}</pre>
<b>使用案例：</b>
<pre>{{角色对话|模板开始}}
{{角色对话|模板开始||||min-height=100px}}<!--背景图为空-->
{{角色对话|模板开始|max-height=100px}}<!--有默认背景图-->
{{角色对话|模板开始|相亲相爱一家人|群聊|手机背景2.png}}<!--指定背景-->
</pre>
|模板开始||固定参数
|- <!-- 第2行 -->
||名字||文本
|- <!-- 第3行 -->
||签名||文本
|- <!-- 第4行 -->
||图片||例：手机背景.png<br>不填：图片会默认为手机背景.png<br>置空：图片为空
|- <!-- 第5行 -->
||min-height||默认高度
|- <!-- 第5行 -->
||max-height||最大高度<br>不填则图片随内容拉伸
|- <!-- 第6行 -->
|<h3>模板结束</h3>||<pre>{{角色对话|模板结束}}</pre>和<b>模板开始</b>配套使用，用于内容结束的末端||模板结束||固定参数
|- <!-- 第7行 -->
|rowspan=2 colspan=1|<h3>设定</h3>
|rowspan=2 colspan=1|头像旁是否显示对话者名字<pre>{{角色对话|设定|Name=<1>}}</pre><b>使用案例：</b><br><pre>{{角色对话|设定|Name=1}}
{{角色对话|设定|Name=}}</pre>
|设定||固定参数
|- <!-- 第8行 -->
||Name||Name=任意值：显示名字<br>Name=空：不显示名字
|- <!-- 第9行 -->
|rowspan=6 colspan=1|<h3>文本对话</h3>
|rowspan=6 colspan=1|文本消息对话<br>此类对话可以直接加入黄豆豆表情-见[[模板:短信表情]]<pre>
{{角色对话|<显示方向>|<发送者>|文本|<消息内容>|头像=<头像>|id=<id>}}
</pre><b>使用案例：</b><pre>
{{角色对话|左|祁煜|文本|咕噜噜噜噜}}
{{角色对话|右|玩家|文本|咕噜噜噜噜{{短信表情|黄豆豆：摸头}}|id=1}}
{{角色对话|左|奇怪的人|文本|我的话很奇怪吗？|头像=剪影|id=1}}
</pre>
|显示方向||左|右
|- <!-- 第10行 -->
||发送者||头像旁的对话者名字<br>同时也默认为头像的角色名
|- <!-- 第11行 -->
||文本||此类消息必填
|- <!-- 第12行 -->
||消息内容||对话文本
|- <!-- 第13行 -->
||头像||指定新头像，覆盖发送者的头像<br>参考[[帮助/头像]],写角色名
|- <!-- 第14行 -->
||id||指定头像id，不填时默认为0
|- <!-- 第15行 -->
|rowspan=7 colspan=1|<h3>图片对话</h3>
|rowspan=7 colspan=1|仅图片消息<pre>
{{角色对话|<显示方向>|<发送者>|图片|<图片名>|放大后图片=<图片2名>|头像=<头像>|id=<id>}}
</pre><b>使用案例：</b><pre>
{{角色对话|左|祁煜|图片|猎人施工中.png}}
{{角色对话|左|祁煜|图片|金币.png|放大后图片=钻石.png}}
{{角色对话|右|玩家|图片|猎人施工中2.png|id=1}}
</pre>
|显示方向||左|右
|- <!-- 第16行 -->
||发送者||头像旁的对话者名字<br>同时也默认为头像的角色名
|- <!-- 第17行 -->
||图片||此类消息必填
|- <!-- 第18行 -->
||图片名||默认显示的PNG图片名字（需后缀）
|- <!-- 第18行 -->
||放大后图片||(选填)点击后才展开显示的PNG图片名字（需后缀）
|- <!-- 第19行 -->
||头像||指定新头像，覆盖发送者的头像<br>参考[[帮助/头像]],写角色名
|- <!-- 第20行 -->
||id||指定头像id，不填时默认为0
|- <!-- 第21行 -->
|rowspan=6 colspan=1|<h3>表情对话</h3>
|rowspan=6 colspan=1|仅GIF类动态表情<pre>{{角色对话|<显示方向>|<发送者>|表情|<表情id>|头像=<头像>|id=<id>}}</pre>
<b>使用案例：</b><pre>
{{角色对话|左|祁煜|表情|星际小宝：晕倒}}
{{角色对话|右|玩家|表情|星际小宝：晕倒|id=1}}</pre>
|显示方向||左|右
|- <!-- 第22行 -->
||发送者||头像旁的对话者名字<br>同时也默认为头像的角色名
|- <!-- 第23行 -->
||表情||此类消息必填
|- <!-- 第24行 -->
||表情id||GIF表情id，参考[[帮助/表情包]]
|- <!-- 第25行 -->
||头像||指定新头像，覆盖发送者的头像<br>参考[[帮助/头像]],写角色名
|- <!-- 第26行 -->
||id||指定头像id，不填时默认为0
|- <!-- 第27行 -->
|rowspan=7 colspan=1|<h3>语音对话</h3>
|rowspan=7 colspan=1|显示语音条和语音转文字<pre>
{{角色对话|<显示方向>|<发送者>|语音|语音转文的文本内容|时间=<时间>}}</pre>
<b>使用案例：</b><pre>
{{角色对话|左|祁煜|语音|咕噜噜噜噜|时间=5}}
{{角色对话|右|玩家|语音|咕噜噜噜噜}}
</pre>
|显示方向||左|右
|- <!-- 第28行 -->
||发送者||头像旁的对话者名字<br>同时也默认为头像的角色名
|- <!-- 第29行 -->
||语音||此类消息必填
|- <!-- 第30行 -->
||消息内容||表情id，参考[[帮助/表情包]]
|- <!-- 第31行 -->
||时间||显示的语音时间秒数
|- <!-- 第32行 -->
||头像||指定新头像，覆盖发送者的头像<br>参考[[帮助/头像]],写角色名
|- <!-- 第33行 -->
||id||指定头像id，不填时默认为0
|- <!-- 第34行 -->
|rowspan=8 colspan=1|<h3>红包对话</h3>
|rowspan=8 colspan=1|仅红包<pre>
{{角色对话|<显示方向>|<发送者>|红包|<红包描述>|<数量>|货币=<货币>}}
</pre><b>使用案例：</b><pre>
{{角色对话|左|祁煜|红包|工资|50000}}
{{角色对话|右|玩家|红包|这是一个大红包|9999|货币=钻石}}</pre>
|显示方向||左|右
|- <!-- 第35行 -->
||发送者||头像旁的对话者名字<br>同时也默认为头像的角色名
|- <!-- 第36行 -->
||红包||此类消息必填
|- <!-- 第37行 -->
||红包描述||文本
|- <!-- 第38行 -->
||数量||红包货币数量
|- <!-- 第39行 -->
||货币||金币|钻石，不指定时默认为金币<br>（理论支持更多其他png图）
|- <!-- 第40行 -->
||头像||指定新头像，覆盖发送者的头像<br>参考[[帮助/头像]],写角色名
|- <!-- 第41行 -->
||id||指定头像id，不填时默认为0
|- <!-- 第42行 -->
|rowspan=8 colspan=1|<h3>公众号对话</h3>
|rowspan=8 colspan=1|仅公众号<pre>
{{角色对话|<显示方向>|<发送者>|公众号|<图片名>|<图上文本>|跳转=<跳转>}}</pre><b>使用案例：</b><pre>
{{角色对话|左|祁煜|公众号|公众号图片测试.png|利莫里亚古代文物展：探索神...}}
{{角色对话|右|玩家|公众号|公众号图片测试.png|利莫里亚古代文物展：探索神...|跳转=帮助/头像}}</pre>
|显示方向||左|右
|- <!-- 第43行 -->
||发送者||头像旁的对话者名字<br>同时也默认为头像的角色名
|- <!-- 第44行 -->
||公众号||此类消息必填
|- <!-- 第45行 -->
||图片名||公众号转发图片名
|- <!-- 第46行 -->
||图上文本||图片底部文本
|- <!-- 第47行 -->
||跳转||点击文本跳转的页面，如：{{PAGENAME}}
|- <!-- 第48行 -->
||头像||指定新头像，覆盖发送者的头像<br>参考[[帮助/头像]],写角色名
|- <!-- 第49行 -->
||id||指定头像id，不填时默认为0
|- <!-- 第50行 -->
|rowspan=6 colspan=1|<h3>链接对话</h3>
|rowspan=6 colspan=1|仅链接<pre>{{角色对话|<显示方向>|<发送者>|链接|<文本>}}</pre>
<b>使用案例：</b><pre>{{角色对话|左|祁煜|链接|这是一个链接}}
{{角色对话|右|玩家|链接|这是一个链接}}</pre>
|显示方向||左|右
|- <!-- 第51行 -->
||发送者||头像旁的对话者名字<br>同时也默认为头像的角色名
|- <!-- 第52行 -->
||链接||此类消息必填
|- <!-- 第53行 -->
||文本||链接内显示的文本
|- <!-- 第54行 -->
||头像||指定新头像，覆盖发送者的头像<br>参考[[帮助/头像]],写角色名
|- <!-- 第55行 -->
||id||指定头像id，不填时默认为0
|-
||<h3>CSS样式</h3>||必填：调用CSS样式<pre>{{CSS样式|角色对话}}</pre>||||
|}
</div>
<h2>使用参考</h2>
<pre>
{{角色对话|模板开始|祁煜|测试中}}{{角色对话|设定|Name=1}}
{{角色对话|中|七天前}}
{{角色对话|左|祁煜|文本|测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试}}
{{角色对话|右|祁煜|文本|测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试}}
{{角色对话|左|祁煜|图片|猎人施工中2.png}}
{{角色对话|右|祁煜|图片|金币.png|放大后图片=钻石.png}}
{{角色对话|左|祁煜|表情|星际小宝：晕倒}}
{{角色对话|右|祁煜|表情|星际小宝：晕倒}}
{{角色对话|左|祁煜|链接|这是一个链接}}
{{角色对话|右|祁煜|链接|这是一个链接}}
{{角色对话|左|祁煜|语音|这是一个语音|时间=5}}
{{角色对话|右|祁煜|语音|这是一个语音|时间=10}}
{{角色对话|左|祁煜|红包|工资|50000}}
{{角色对话|右|祁煜|红包|这是一个红包描述|99999|货币=钻石}}
{{角色对话|左|祁煜|公众号|公众号图片测试.png|利莫里亚古代文物展：探索神...|跳转=帮助/头像|id=9}}
{{角色对话|右|祁煜|公众号|公众号图片测试.png|利莫里亚古代文物展：探索神...|跳转=帮助/头像|id=9}}
{{角色对话|模板结束}}
{{CSS样式|角色对话}}
</pre>
<h2>效果展示</h2>
{{角色对话|模板开始|祁煜|测试中}}{{角色对话|设定|Name=1}}
{{角色对话|中|七天前}}
{{角色对话|左|祁煜|文本|测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试}}
{{角色对话|右|祁煜|文本|测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试}}
{{角色对话|左|祁煜|图片|猎人施工中2.png}}
{{角色对话|右|祁煜|图片|金币.png|放大后图片=钻石.png}}
{{角色对话|左|祁煜|表情|星际小宝：晕倒}}
{{角色对话|右|祁煜|表情|星际小宝：晕倒}}
{{角色对话|左|祁煜|链接|这是一个链接}}
{{角色对话|右|祁煜|链接|这是一个链接}}
{{角色对话|左|祁煜|语音|这是一个语音|时间=5}}
{{角色对话|右|祁煜|语音|这是一个语音|时间=10}}
{{角色对话|左|祁煜|红包|工资|50000}}
{{角色对话|右|祁煜|红包|这是一个红包描述|99999|货币=钻石}}
{{角色对话|左|祁煜|公众号|公众号图片测试.png|利莫里亚古代文物展：探索神...|跳转=帮助/头像|id=9}}
{{角色对话|右|祁煜|公众号|公众号图片测试.png|利莫里亚古代文物展：探索神...|跳转=帮助/头像|id=9}}
{{角色对话|模板结束}}
{{对话CSS|角色对话=1}}
<h2>其他</h2>
如果需要制作选项，可参考[[模板:DTab]]<br>
如果需要制作撤回消息，可参考[[模板:折叠]]
<pre>
{{折叠
|对方撤回了一条消息={{角色对话|左|祁煜|文本|这是被撤回的消息}}
}}
</pre>
撤回消息效果
{{折叠
|对方撤回了一条消息={{角色对话|左|祁煜|文本|这是被撤回的消息}}
}}
{{对话CSS|撤回消息=1|角色对话=1}}
{{#CSS:
table.wikitable th,
table.wikitable td{
text-align:left!important;
padding:10px!important;
background-color: #e9e9e9;  
}
<!--奇数行 -->
table.wikitable tr:nth-child(odd) td {  
  background-color: #e9e9e9;  
} 
<!--偶数行 -->
table.wikitable tr:nth-child(even) td {  
  background-color: #e9e9e9;
} 
}}