Cấp bậc: 
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 %}
Copy code
<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 %}
Copy code
Ô 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>
Copy code
.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>
Copy code
Phần ảnh bià các bạn tự làm nhé
