Trang chủ >

Tìm kiếm trên diễn đàn

[Forum] Code hiển thị avatar người gửi cuối

Tham gia : 03/05/2014
Website : rockman_vnx6@yahoo.com
rockman_vnx6@yahoo.com
Gửi vào lúc : 22/12/2013

Lâu lắm mới có dịp quay trở lại wmp và mình sẽ cho các bạn 1 code tạm gọi là code hiển thị avatar người gửi cuối của forum . Các bạn có thể dễ thấy code này ở những website mã nguồn vbb, punbb ,... nhưng hiện tại ở WMP mình thì chưa có

Mô tả : link trực tiếp : http://forumtest.giaitrionline.org/diendan.html

( Ở đây mình ngại tạo nick mới nên sử dụng luôn trang đại lý của bạn giaitrionline để tạo :D )

Ảnh :

 

như các bạn có thể thấy , có avatar của người gửi cuối cùng của bài viết trong phần bài mới nhất .

Hiện tại thì mình chưa tìm ra lỗi gì .

* Forum bạn cần phải  có bài viết ở 1 trong nhóm diễn đàn , tốt nhất là ở  tất cả các thư mục ,  đừng để có chữ chưa có bài mới như trong hình nếu ko sẽ bị lỗi ( lệch khung 1 tý thôi , khi có đủ bài là nó sẽ đẹp ) ( còn trong forum mình, mình đã sửa nên nhìn nó k lỗi )

Ok , bây giờ đến cách làm :

Vào phần quản lý website , trên menu : Chức năng khác => Mã HTML header,meta

chèn đoạn :

<script>
$(document).ready(function () {
$('.baimoitrangchu').each(function(e) {
var zzz = $(this).find("a[href*='diendanuser']").attr("href");
$(this).prepend('<span class="avatar-index" id="avatar-index'+e+'"></span><br />');
$('#avatar-index'+e).load(zzz+' .bang tbody tr:eq(6) img:eq(0)');
});
});;
</script>

<style>
.avatar-index img {
width: 40px;
height: 40px;
background: #F4F4F4;
border: 1px solid #DDD;
margin: 0 5px;
padding: 1px;
}
.avatar-index img {
width: 40px;
float:left;
height: 40px;
margin: 1px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
</style>

rồi cập nhật , thế là xong .

comment  nếu bạn làm đc , báo lỗi tại topic này nếu bạn thấy website bạn bị lỗi , cảm ơn !

 

rockman_vnx6@yahoo.com
Gửi vào lúc : 22/12/2013

"sự thật luôn lằm trong thế giới ảo" là sao bạn


Gửi phản hồi của bạn ( các bạn vui lòng không gửi câu hỏi khác không liên quan đến topic, nếu có câu hỏi mới xin lập topic mới )

VUI LÒNG ĐĂNG NHẬP ĐỂ GỬI PHẢN HỒI

Chat hỗ trợ
Chat ngay
× Khuyến mãi tết