Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online
Trang Chính![[Codes] Đánh giá vài viết với Like & Dislike cho phpBB3 & Invision Empty](https://2img.net/i/empty.gif)
Chức năng:
Hướng dẫn:
Bước 1: ACP - Display - Pictures and Colors - Colors - CSS Stylesheet:
phpBB3
Invision
Bước 2: ACP - Modules - HTML & JAVASCRIPT - Javascript codes management:
- 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.
Hướng dẫn:
Bước 1: ACP - Display - Pictures and Colors - Colors - CSS Stylesheet:
phpBB3
- 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(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;
}
Invision
- Code:
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;
}
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"><span alt="vote' + index + '" class="xplusFMvi"></span><span class="cong" alt="vote' + index + '">0</span><span alt="vote' + index + '" class="xminusFMvi"></span><span class="tru" alt="vote' + index + '">0</span><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 + '"><span alt="' + altthis + '" class="plusFMvi"></span></a>');
$('.xminusFMvi[alt="' + altthis + '"]').replaceWith('<a target="' + altthis + '" href="' + mlink + '"><span alt="' + altthis + '" class="minusFMvi"></span></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('<span class="cong" alt="' + altthis + '">' + c + '</span>');
$('.tru[alt="' + altthis + '"]').replaceWith('<span class="tru" alt="' + altthis + '">' + d + '</span>');
};
$('.plusFMvi').click(function () {
var altcong = $(this).attr('alt');
var x = Number($('.cong[alt="' + altcong + '"]').text()) + 1;
$('.plusFMvi[alt="' + altcong + '"]').replaceWith('<span class="xplusFMvi"></span>');
$('.minusFMvi[alt="' + altcong + '"]').replaceWith('<span class="xminusFMvi"></span>');
$('.loadFMvi[alt="' + altcong + '"]').show().fadeOut(1000, function () {
$('.cong[alt="' + altcong + '"]').replaceWith('<span class="cong">' + x + '</span>');
});
});
$('.minusFMvi').click(function () {
var alttru = $(this).attr('alt');
var y = Number($('.tru[alt="' + alttru + '"]').text()) + 1;
$('.plusFMvi[alt="' + alttru + '"]').replaceWith('<span class="xplusFMvi"></span>');
$('.minusFMvi[alt="' + alttru + '"]').replaceWith('<span class="xminusFMvi"></span>');
$('.loadFMvi[alt="' + alttru + '"]').show().fadeOut(1000, function () {
$('.tru[alt="' + alttru + '"]').replaceWith('<span class="cong">' + y + '</span>');
});
});
});
});
Invision
- Code:
$(function () {
$('.post-info').each(function (index) {
$(this).attr('alt', 'vote' + index).prepend('<li alt="vote' + index + '" class="voteTopic"><span alt="vote' + index + '" class="xplusFMvi"></span><span class="cong" alt="vote' + index + '">0</span><span alt="vote' + index + '" class="xminusFMvi"></span><span class="tru" alt="vote' + index + '">0</span><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 + '"><span alt="' + altthis + '" class="plusFMvi"></span></a>');
$('.xminusFMvi[alt="' + altthis + '"]').replaceWith('<a target="' + altthis + '" href="' + mlink + '"><span alt="' + altthis + '" class="minusFMvi"></span></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('<span class="cong" alt="' + altthis + '">' + c + '</span>');
$('.tru[alt="' + altthis + '"]').replaceWith('<span class="tru" alt="' + altthis + '">' + d + '</span>');
};
$('.plusFMvi').click(function () {
var altcong = $(this).attr('alt');
var x = Number($('.cong[alt="' + altcong + '"]').text()) + 1;
$('.plusFMvi[alt="' + altcong + '"]').replaceWith('<span class="xplusFMvi"></span>');
$('.minusFMvi[alt="' + altcong + '"]').replaceWith('<span class="xminusFMvi"></span>');
$('.loadFMvi[alt="' + altcong + '"]').show().fadeOut(1000, function () {
$('.cong[alt="' + altcong + '"]').replaceWith('<span class="cong">' + x + '</span>');
});
});
$('.minusFMvi').click(function () {
var alttru = $(this).attr('alt');
var y = Number($('.tru[alt="' + alttru + '"]').text()) + 1;
$('.plusFMvi[alt="' + alttru + '"]').replaceWith('<span class="xplusFMvi"></span>');
$('.minusFMvi[alt="' + alttru + '"]').replaceWith('<span class="xminusFMvi"></span>');
$('.loadFMvi[alt="' + alttru + '"]').show().fadeOut(1000, function () {
$('.tru[alt="' + alttru + '"]').replaceWith('<span class="cong">' + y + '</span>');
});
});
});
});
---o0o Hết o0o---
Viết bởi baivong - www.FMvi.vn
Được sửa bởi Trà My ngày Mon Jun 04, 2012 12:22 pm; sửa lần 1.
