Phong cách phòng chát
Từ bảng điều khiển>>thiết kế>>Layout settings>>chat
Channels layout Mã:
<div class="chan" style="border-bottom:solid;border-width:1px;border-color:#9add9a;"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="8%"><div style="text-align:center;color:#222;">•</div></td><td width="92%" style="text-align:left;border:solid;border-width:1px;border-color:#efe;"><a href="{{chan_url}}">{{chan_name}}</a></td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="50%"></td><td width="50%" style="text-align:center;border:solid;border-width:1px;border-color:#eee;color:#05a;">Trực tuyến: {{online}}</td></tr></tbody></table></div>
User messages layout Mã:
<div class="chat_message"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="8%"><div style="margin:0%;padding:1px;color: #008a00;text-align:center;border-bottom:solid;border-left:solid;border-right:solid;border-width:1px;border-color:#edeeee;">•</div></td><td width="92%"><div style="margin:0%;padding:1px;text-align:left;border-bottom:solid;border-right:solid;border-width:1px;border-color:#eeeeee;color:#ff0000"><b>{{profile}}</b></div> </td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="8%"></td><td width="92%"><div style="margin:0%;padding:1px;color: #0025d9;text-align:left;border-left:solid;border-right:solid;border-width:1px;border-color:#edeede;">{{message}}</div></td></tr></tbody></table><div style="background:#00aa00;border-top:dashed;border-width:1px;border-color:#ffda00;padding:0px;margin:0%;"></div>
Bot messages layout Mã:
<div class="chat_message"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="8%"><div style="margin:0%;padding:1px;color: #00408a;text-align:center;border-bottom:solid;border-left:solid;border-right:solid;border-width:1px;border-color:#edeeee;">•</div></td><td width="92%"><div style="margin:0%;padding:1px;text-align:left;border-bottom:solid;border-right:solid;border-width:1px;border-color:#eeeeee;color:#ff0000"><b>{{bot_name}}</b></div> </td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="8%"></td><td width="92%"><div style="margin:0%;padding:1px;color: #0025d9;text-align:left;border-left:solid;border-right:solid;border-width:1px;border-color:#edeede;">{{message}}</div></td></tr></tbody></table><div style="background:#fd0000;border-top:dashed;border-width:1px;border-color:#ffda00;padding:0px;margin:0%;"></div>
Bấm lưu lại vào phòng vui chơi xem nào!
Chúc thành công!