Template:ChatBubble

模板页面
文档图示 模板文档[查看] [编辑] [查看历史] [清除缓存]

本模板是一个利用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                  = 因为想发更多的糖呀。
}}

晓航每天都想划船  Lv100 群主 

为什么要开一个新系列?

 Lv100 管理员  靴猫

因为想发更多的糖呀。

代码说明:

{{ChatBubble
|receiver1                     =<!-- 接收者(左侧)名称 -->
|receiver1-avatar              =<!-- 接收者头像,可使用带样式的wikitext(如[[File:晓航头像.jpg|class=chat-widget-inline-avatar]])或使用img标签(不推荐)-->
|receiver1-label               =<!-- 接收者头衔文字 -->
|receiver1-text                =<!-- 接收者聊天内容 -->
|sender1                       =<!-- 发送者(右侧)名称 -->
|sender1-avatar                =<!-- 发送者头像,使用见上 -->
|sender1-label                 =<!-- 发送者头衔文字 -->
|sender1-text                  =<!-- 发送者聊天内容 -->
}}
上述文档内容嵌入自Template:ChatBubble/doc编辑 | 历史
编者可以在本模板的沙盒创建 | 镜像和测试样例创建页面进行实验。
请将模板自身所属的分类添加在文档中。本模板的子页面