Mình chỉ post code ô 2 thôi, còn ô 1
các bạn tự thiết kế nhé =))
Dưới đây là code ô 2 shoutbox wapego hay còn gọi
là chatbox wapego.

{%set uid = nick|slice(27,8)%} {% set time=message_date%} {% set s,m,h,d,mo,y=time|date('s'),time|date('i'),time|dat e('H'),time|date('d'),time|date('m'),time|date('Y')%} {% set htg=("now")|date_modify("- "~y~" years -"~(mo-1)~" months - "~(d-1)~" days - "~h~" hours - "~m~" minutes - "~s~" seconds")%} {% set as,am,ah,ad,amo,ay=htg|date('s'),htg|date('i'),htg| date('H'),htg|date('d'),htg|date('m'),htg|date('Y') %} {% if ad <= 2 and amo < 2 and ay < 1 %} {% set ktg = (ad-1)*86400+as+am*60+ah*3600-40 %} {% if ktg < 30 %}{% set sct = "Vừa xong" %}{% elseif ktg >= 30 and ktg < 60 %}{% set sct = ktg~" giây trước" %}{% elseif ktg >= 60 and ktg < 3600 %}{% set sct =(ktg//60)~" phút "~(ktg%60)~" giây trước" %}{% elseif ktg >= 3600 %}{% set sct =(ktg//3600)~" giờ "~((ktg-ktg//3600*3600)//60)~" phút trước" %}{% endif%} {% else %} {% set sct = "lúc "~h~" giờ "~m~" phút, "~d~" tháng "~mo %} {% endif %} <table width="100%" class="bc_a1"><tr valign="top"><td align="left" width="10px" class="share_shout_ava">{{userphoto}} <a href="pm.php?id=new&to={{uid}}"><small> <b>PM</b></small></a></td><td align="left" class="bc_a2"><b>{{nick}}</b><br><span name="share_shout_msg">{{message}}</span> <br><small><div align="right"><font color="#009900"><!--XTseo.Xtgem.com-->{{sct}}</font></div></small></td></tr></table>

Thêm đoạn code sau vào ô 1:

<style>.bc_a1 * {margin:0;padding:0}.share_shout_ava{border- right:1px solid #ccc;padding:12px}.bc_a1 .bc_a2{padding:2px}</style>

Chúc các bạn thành công