Mã này dùng trang trí cho avatar. Hoạt động cho khách, thành viên chưa chọn hình đại diện và cả cho thành viên đã chọn. Nó có cái hay là dẫu ai đó chọn hình thật bự hoặc bé tí thì cũng vừa khít trong khung.
Preview
Cho khách
user posted image
Cho thành viên chưa chọn hình
user posted image
Cho thành viên đã chọn
user posted image
Trong ACP => User Title/Ranks kéo xuống Upload a pip rùi up cái hình đầu tiên lên.
ACP => Manage User Groups => Edit Group cho Guest, ở Group Icon chọn cái hình bạn vừa upload bước trên lên.
Chèn thêm đoạn bên dưới vào CSS
CODE
Quote
.avatar img { width:108; height:102; margin-top:38px; }
Chèn tiếp code bên dưới vào Footer:
CODE
Quote
<script>
/*
Avatar Frame!
Created by [15t6.com]
Based on default avatar by iFusion
*/
if(location.href.match(/showtopic=/i)){
damour = document.getElementsByTagName('TD');
for(i=0;i <damour.length;i++)
if(damour[i].className.match(/post(1|2)/i) && damour[i].getElementsByTagName('SPAN').length > 0){
cafe = damour[i].getElementsByTagName('SPAN')[0]
if(cafe.className=="postdetails")
if(cafe.firstChild.tagName != "IMG"){
cafe.innerHTML = "<img src='http://files.myopera.com/15t6/files/navatarvj2.jpg' align='center'>" + cafe.innerHTML
} else {
if(cafe.innerHTML.match(/(<img [^>]*>)/i) )
cafe.innerHTML = cafe.innerHTML.replace(/(<img [^>]*>)/i,"<div class='avatar' style='text-align:center; height:174; width:142; background-image: url(http://files.myopera.com/15t6/files/navatarvj2.jpg); background-repeat:no-repeat;'>" + RegExp.$1 + "</div>")
}
}}
</script>