Tạo shoutbox, xóa hết và thêm
code sau:
Ô 1:

<div class="bl">{%if message_list==""%} <div class="abia"> {%if api.r.get('uid')!=api.user_id%} {% else %} <a href="/main.php?f=3386239&view=1"><span class="km" align="center" style="background-color: rgba(214, 214, 186, 0.48); color: red;padding:3px;float: right;margin-top: 106px;-webkit-border-top-left-radius: 12px;border: 1px solid #BBB8B8;"><b>Đổi ảnh bìa</b></span></a> {% endif %} <div class="abia2"> <div class="abia3"><div class="abc">[photo]</div> </div> </div> </div> <style type="text/css">.del{display:none}</style> <style> {% if api.u.get(api.r.get('uid')).sex==1%} .abia { background: url(http://cctalk.wap.ug/files/1059879/nam.jpg) no-repeat center; {%else%} .abia { background: url(http://cctalk.wap.ug/files/1059879/avatar_nu.gif) no-repeat center;{% endif %} background-size: 100% 100%; text-align: center; height: 100px; /* margin-left: -3px; */border-bottom: 3px solid #1da7bf; background-color: #f1f1f1; height: 130px; } .abia2{display:block;float:left;position:absolute;m argin-top:50px;z-index ;padding:1px 10px;} .abia3 img{max-height:80px;min-height:80px;width:80px;background-color: #fff; border: 1px solid #aaa;padding: 2px;margin: 2px; text-align: center;margin-left: 2px;margin-top:40px} </style> {% else %} <div class="abia"> {%if api.r.get('uid')!=api.user_id%} {% else %} <a href="/main.php?f=3386239&view=1"><span class="km" align="center" style="background-color: rgba(214, 214, 186, 0.48); color: red;padding:3px;float: right;margin-top: 106px;-webkit-border-top-left-radius: 12px;border: 1px solid #BBB8B8;"><b>Đổi ảnh bìa</b></span></a> {% endif %} <div class="abia2"> <div class="abia3"><div class="abc">[photo]</div> </div> </div> </div> {{message_list}} {% endif %}

Ô 2:

<style> .abia {background:url({{message}})no-repeat; background-size: 100% 100%; text-align: center; height: 100px; /* margin-left: -3px; */border-bottom: 3px solid #1da7bf; background-color: #f1f1f1; height: 130px;} .abia2{display:block;float:left;position:absolute;m argin-top:50px;z-index:2;padding:1px 10px;} .abia3 img{max-height:80px;min-height:80px;width:80px;background-color: #fff; border: 1px solid #aaa;padding: 2px;margin: 2px; text-align: center; {%if api.r.get('uid')!=api.user_id%} margin-top:40px{% else %} margin-top:40px{% endif %};margin-left: 2px} </style>

Phần ảnh bià các bạn tự làm nhé