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

Khách vi

[b]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 www.FMvi.org

Hướng dẫn:

Bước 1: ACP - Display - Pictures and Colors - Colors - CSS Stylesheet:

phpBB3
[/b]

Code:: [b][b][list=1] [*]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(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat scroll center center transparent; [*] padding: 0 12px; [*]} [*].voteTopic .xplusFMvi { [*] background: url(http://i48.servimg.com/u/f48/16/58/89/73/like_n11.png) no-repeat scroll center center transparent; [*] padding: 0 12px; [*]} [*].xminusFMvi { [*] background: url(http://i48.servimg.com/u/f48/16/58/89/73/dislik16.png) no-repeat scroll center center transparent; [*] padding: 0 12px; [*]} [*].voteTopic .minusFMvi{ [*] background: url(http://i48.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; [*]} [/list][/b][/b]

[b]Invision
[/b]

Code:: [b][b][list=1] [*]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(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat scroll center center transparent; [*] padding: 0 12px; [*]} [*].voteTopic .xplusFMvi { [*] background: url(http://i48.servimg.com/u/f48/16/58/89/73/like_n11.png) no-repeat scroll center center transparent; [*] padding: 0 12px; [*]} [*].xminusFMvi { [*] background: url(http://i48.servimg.com/u/f48/16/58/89/73/dislik16.png) no-repeat scroll center center transparent; [*] padding: 0 12px; [*]} [*].voteTopic .minusFMvi{ [*] background: url(http://i48.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; [*]} [/list][/b][/b]

Bước 2: ACP - Modules - HTML & JAVASCRIPT - Javascript codes management:

Title * : Like & Dislike
Placement : In the topics
Javascript Code * :
phpBB3
Code:

[b][b][list=1] [*]$(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 + ''); [*] }); [*] }); [*] }); [*]}); [/list][/b][/b]

[b]Invision
[/b]

Code:: [b][b][list=1] [*]$(function () { [*] $('.post-info').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().parent().find('a[href$="eval=plus"]').attr('href'); [*] var mlink = $(this).parent().parent().find('a[href$="eval=minus"]').attr('href'); [*] if ($(this).parent().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().parent().find('.vote-bar').length > 0) { [*] var z = $(this).parent().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 + ''); [*] }); [*] }); [*] }); [*]}); [/list][/b][/b]

Latest topics

#1 Đánh giá vài viết với Like & Dislike cho phpBB3 & Invision