[Ver 2] Code hiển thị Avatar ở bài gửi cuối Index box

Demo :

Code này dành cho PunBB nhá
nó khác với Ver 1 là có thể kick vào được
Ver 1 hiện avatar nhưng ko kick vào dc
thế thôi [Ver 2] Code hiển thị Avatar ở bài gửi cuối Index box 253468018

Bước 1 : Vào css thêm đoạn này vào
[hide]

Code:: .avs a.inx img {
float: left;
width: 40px;
height: 40px;
padding: 1px;
border: 1px solid #DDD;
margin: 0 5px;
-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
max-width: 200px;
max-height: 200px;
}

Bước 2 : Vào Index_box tìm

Code:: <span>


<a href="{catrow.forumrow.U_LATEST_TOPIC}"
title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br
/>

{catrow.forumrow.USER_LAST_POST}
</span>

Thay bằng

Code:: <div class="avs"><span>


<a href="{catrow.forumrow.U_LATEST_TOPIC}"
title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br
/>

{catrow.forumrow.USER_LAST_POST}
</span></div>

Bước 3 : Vào MODULES >> HTML & JAVASCRIPT >> Javascript codes management >>> Change a Javascript Code

Title * : Avatar index ver 2
Placement : In the home page
Javascript Code * :

Code:: $(document).on('ready', function() {
$('.avs').each(function () {
var touser = $(this).children('span').children('strong').children('a').attr('href');

$(this).prepend('<a href="' + touser + '"
class="inx"><img
src="http://2img.net/i/fa/invision/pp-blank-thumb-38px.png" alt="No
avatar" /></a>');
$(this).children('a').load(touser + ' div.main-content.clearfix.center img:eq(0)');
});
});

Nội dung đã bị ẩn đi rồi, phải trả lời bài viết mới thấy được
Thế là xong ^^

[Ver 2] Code hiển thị Avatar ở bài gửi cuối Index box 1886922373