chenjunyu19 这是什么什么鬼?
SuperPaxxs LiteChat_Frame(轻聊天气泡框架),一个贼简洁 (简单) 、美观、易用的 HTML 聊天界面框架
SuperPaxxs 它简洁而不简单,能使你开发聊天界面更快速
chenjunyu19 直接说,气泡是谁的?
SuperPaxxs 好吧,气泡css来自 Haswikr的Blog 的机器人气泡,我给白色的加了点边框 😝
adminHaswikr 当初调色煞费苦心
ownerSonui 这设计真棒
menber123456789789chenjunyu19 那咋用啊?
SuperPaxxs 诶哟少年你找对人了

如果只是使用,那非常简单。

使用指北

1.引用css: litechat.css

<link type="text/css" href="//lab.morfans.cn/LiteWebChat_Frame/litewebchat.css" rel="stylesheet" />

<link type="text/css" href="//lab.morfans.cn/LiteWebChat_Frame/litewebchat.min.css" rel="stylesheet" />

2.创建一个 DIV ,用来容纳聊天对话,目的是不让 css 干扰页面其他内容:

<div class="lite-chatbox">
...
</div>

话说你就不会看下源码吗...楼下就是特性演示
Chenjunyu19 退出了聊天室并撩了你一把
空消息测试1
空消息测试2  
chenjunyu19 注意,上面两条空消息的消息内容代码不一样
SuperPaxxs 头像换成方形请去掉 radius
chenjunyu19 我是左边的方形头像
图片消息
图片消息2
图片带文字是可以的 (废话)
右边长消息 我的消息真的超级长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长欸
左边长消息 这么巧鸭,我的也超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超级长的欸
系统消息:左/右边长消息被管理员批判一番……
系统消息:normal
系统消息:primary
系统消息:success
系统消息:info
系统消息:warning
系统消息:danger
带有超链接的消息测试 当然是可以有超链接的。例子在这里:
你敢点我吗 ← 戳这里
全符号测试 。,;?:!‘’“”@ˆ.,;?:!'"〝〞﹫ˇ
全emoji测试 😀😝🐂🍺
  当无昵时候需要 &nbsp; 填充
SuperPaxxs 换行用 <br> ,HTML 你懂的..
chenjunyu19 以上就是全部的特性,以后有空再更