[Code] Đánh giá vài viết với Like & Dislike cho phpBB3 & Invision

08/03/1995

Đã sửa 23h 22/6/2012

♥ Chức năng:
♥ Hiển thị số lượt đánh giá chuyên nghiệp.
♥ Thực hiện nhiều đánh giá một lúc mà không bị chuyển trang.

► Ghi chú: Code được viết bởi baivong, tham khảo ý tưởng của ܓܨܓMxTrường và Dion.
► Nếu bạn muốn sao chép hướng dẫn này đi nơi khác vui lòng không thay đổi bất kỳ thành phần nào trong code và phải ghi bản quyền thuộc [You must be registered and logged in to see this link.]

Hướng dẫn:
[quote="Bước 1: ACP - Display - Pictures and Colors - Colors - CSS Stylesheet: phpBB3[/color]
[code]ul.profile - icons li.voteTopic { padding: 6px; line - height: 20px; background: #fff; color: #000;border:1px solid # a0b0c0; font - size: 12px; font - weight: bold width: 70px; height: 17px } ul.profile - icons li.voteTopic a { cursor: default; vertical - align: middle; } ul.profile-icons li span, ul.profile-icons li a { display: inline; } .voteTopic .plusFMvi { background: url(https://i.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat scroll center center transparent; padding: 0 12px; } .voteTopic .xplusFMvi { background: url(https://i.servimg.com/u/f48/16/58/89/73/like_n11.png) no-repeat scroll center center transparent; padding: 0 12px; } .xminusFMvi { background: url(https://i.servimg.com/u/f48/16/58/89/73/dislik16.png) no-repeat scroll center center transparent; padding: 0 12px; } .voteTopic .minusFMvi{ background: url(https://i.servimg.com/u/f48/16/58/89/73/dislik15.png) no-repeat scroll center center transparent; padding: 0 12px; } .loadFMvi, .vote { display:none; margin: 0; }

ul.post-info li.voteTopic {
padding: 6px;
line - height: 20px;
background: #fff;
color: #000;border:1px solid # a0b0c0;
font - size: 12px;
font - weight: bold
width: 70px;
height: 17px
}
ul.post-info li.voteTopic a {
cursor: default;
vertical - align:
middle;
}
ul.post-info li span, ul.post-info li a {
display: inline;
}
.voteTopic .plusFMvi {
background: url(https://i.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat scroll center center transparent;
padding: 0 12px;
}
.voteTopic .xplusFMvi {
background: url(https://i.servimg.com/u/f48/16/58/89/73/like_n11.png) no-repeat scroll center center transparent;
padding: 0 12px;
}
.xminusFMvi {
background: url(https://i.servimg.com/u/f48/16/58/89/73/dislik16.png) no-repeat scroll center center transparent;
padding: 0 12px;
}
.voteTopic .minusFMvi{
background: url(https://i.servimg.com/u/f48/16/58/89/73/dislik15.png) no-repeat scroll center center transparent;
padding: 0 12px;
}
.loadFMvi, .vote {
display:none;
margin: 0;
}[/quote][code]Bước 2: ACP - Modules - HTML & JAVASCRIPT - Javascript codes management:
Title * : Like & Dislike
Placement : In the topics
Javascript Code * :
phpBB3
[code]$(function () {
$('.profile-icons').each(function (index) {
$(this).attr('alt', 'vote' + index).prepend('<li alt="vote' + index + '" class="voteTopic">00<li>');
$(this).prepend('<iframe name="vote' + index + '" height="0px" width="0px" frameborder="0"></iframe><li alt="vote' + index + '" class="loadFMvi"><img alt="Loading" src="http://farm04.go.vn/photo/data/20111012/10798851/946D73AB7E9F949624C2BF756D1ED794.gif" /></li>');
var altthis = $(this).attr('alt');
var plink = $(this).parent().find('a[href$="eval=plus"]').attr('href');
var mlink = $(this).parent().find('a[href$="eval=minus"]').attr('href');
if ($(this).parent().find('.vote a').length > 0) {
$('.xplusFMvi[alt="' + altthis + '"]').replaceWith('<a target="' + altthis + '" href="' + plink + '"></a>');
$('.xminusFMvi[alt="' + altthis + '"]').replaceWith('<a target="' + altthis + '" href="' + mlink + '"></a>');
};
if ($(this).parent().find('.vote-bar').length > 0) {
var z = $(this).parent().find('.vote-bar').attr('title').split(' ');
var m = parseInt(z[3].replace(/%/, '')) / 100;
var n = parseInt(z[4].replace(/\(/, ''));
c = String(Math.round(n * m));
d = String(n - c);
$('.cong[alt="' + altthis + '"]').replaceWith('' + c + '');
$('.tru[alt="' + altthis + '"]').replaceWith('' + d + '');
};
$('.plusFMvi').click(function () {
var altcong = $(this).attr('alt');
var x = Number($('.cong[alt="' + altcong + '"]').text()) + 1;
$('.plusFMvi[alt="' + altcong + '"]').replaceWith('');
$('.minusFMvi[alt="' + altcong + '"]').replaceWith('');
$('.loadFMvi[alt="' + altcong + '"]').show().fadeOut(1000, function () {
$('.cong[alt="' + altcong + '"]').replaceWith('' + x + '');
});
});
$('.minusFMvi').click(function () {
var alttru = $(this).attr('alt');
var y = Number($('.tru[alt="' + alttru + '"]').text()) + 1;
$('.plusFMvi[alt="' + alttru + '"]').replaceWith('');
$('.minusFMvi[alt="' + alttru + '"]').replaceWith('');
$('.loadFMvi[alt="' + alttru + '"]').show().fadeOut(1000, function () {
$('.tru[alt="' + alttru + '"]').replaceWith('' + y + '');
});
});
});
});[/quote][/code]

[Event] Post Bài Nhận Coin cực hot !!!! ™²°¹³