本模板是一个利用CSS代码,模仿QQ聊天(群聊)对话的效果实现。
用法
本模板最大支持7个发送者,可根据使用情况直接修改原模板动态添加。
标准格式
本格式为只有1个发送者和1个接收者的模板呈现方式及说明。
示例
代码 | 示例 |
---|---|
{{ChatBubble
|receiver1 = 晓航每天都想划船
|receiver1-avatar = [[File:晓航头像.jpg|class=chat-widget-inline-avatar]]
|receiver1-label = Lv100 群主
|receiver1-text = 为什么要开一个新系列?
|sender1 = 靴猫
|sender1-avatar = [[File:靴猫自绘.jpg|class=chat-widget-inline-avatar]]
|sender1-label = Lv100 管理员
|sender1-text = 因为想发更多的糖呀。
}}
|
代码说明:
{{ChatBubble
|receiver1 =<!-- 接收者(左侧)名称 -->
|receiver1-avatar =<!-- 接收者头像,可使用带样式的wikitext(如[[File:晓航头像.jpg|class=chat-widget-inline-avatar]])或使用img标签(不推荐)-->
|receiver1-label =<!-- 接收者头衔文字 -->
|receiver1-text =<!-- 接收者聊天内容 -->
|sender1 =<!-- 发送者(右侧)名称 -->
|sender1-avatar =<!-- 发送者头像,使用见上 -->
|sender1-label =<!-- 发送者头衔文字 -->
|sender1-text =<!-- 发送者聊天内容 -->
}}