[Code] Nút Like và Dislike Punbb?10/16/2013, 7:34 am
Khách viếng thăm
[color:d2e8=#154c7a][font:d2e8='Helvetica Neue', Helvetica, Arial, sans-serif]B1 và B2 ở dưới để ở chỗ thích hợp nhé[/font][/color]
[color:d2e8=#154c7a][font:d2e8='Helvetica Neue', Helvetica, Arial, sans-serif]B1:Chèn Nút Like và Dislike[/font][/color]
[code]<div style="float: left;margin-top: 1px;">[color=#000000][font=monospace][/font][/color]
<!-- BEGIN switch_vote_active -->[color=#000000][font=monospace][/font][/color]
<div class="vote vote-button" title="Thích bài viết này"> [color=#000000][font=monospace][/font][/color]
<!-- BEGIN switch_vote -->[color=#000000][font=monospace][/font][/color]
<a target="v{postrow.displayed.U_POST_ID}" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" alt="c3zplus" class="c3zplus lvote"><span style="font: normal 11px Tahoma, Arial, Helvetica, sans-serif;margin-left: -2px; color: #3B5998;">Thích</span></a>[color=#000000][font=monospace][/font][/color]
<!-- END switch_vote -->[color=#000000][font=monospace][/font][/color]
</div>[color=#000000][font=monospace][/font][/color]
<div class="vote vote-button" title="Không thích bài viết này">[color=#000000][font=monospace][/font][/color]
<!-- BEGIN switch_vote -->[color=#000000][font=monospace][/font][/color]
<a target="v{postrow.displayed.U_POST_ID}" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" alt="c3zminus" class="c3zminus lvote"><span style="font: normal 11px Tahoma, Arial, Helvetica, sans-serif;margin-left: -2px; color: #3B5998;">Không thích</span></a>[color=#000000][font=monospace][/font][/color]
<!-- END switch_vote --></div><div id="v{postrow.displayed.U_POST_ID}" class="loadding" style="display: none"><img src="http://i43.servimg.com/u/f43/16/03/04/56/icon_l12.gif"/> Đang Vote chờ xíu ^_^! </div>[color=#000000][font=monospace][/font][/color]
<!-- END switch_vote_active --></div>[/code][color:d2e8=#154c7a][font:d2e8='Helvetica Neue', Helvetica, Arial, sans-serif]B2:Chèn Phần đếm số vote[/font][/color]
[code]<div style="float:left; margin-top:5px;background-color:#FFF;"> [color=#000000][font=monospace][/font][/color]
<!-- BEGIN switch_vote_active --> [color=#000000][font=monospace][/font][/color]
<iframe name="v{postrow.displayed.U_POST_ID}" class="ajaxvote" style="display:none"></iframe> [color=#000000][font=monospace][/font][/color]
<!-- BEGIN switch_no_bar -->[color=#000000][font=monospace][/font][/color]
<span class="c3zvau v{postrow.displayed.U_POST_ID}" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">{postrow.displayed.switch_vote_active.L_VOTE_TITLE}</span>[color=#000000][font=monospace][/font][/color]
<!-- END switch_no_bar -->[color=#000000][font=monospace][/font][/color]
<!-- BEGIN switch_bar -->[color=#000000][font=monospace][/font][/color]
<span class="c3zvau v{postrow.displayed.U_POST_ID}" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">{postrow.displayed.switch_vote_active.L_VOTE_TITLE}</span>[color=#000000][font=monospace][/font][/color]
<!-- END switch_bar -->[color=#000000][font=monospace][/font][/color]
<!-- END switch_vote_active --></div>[/code][color:d2e8=#154c7a][font:d2e8='Helvetica Neue', Helvetica, Arial, sans-serif]B3:Chèn script và css[/font][/color]
[color:d2e8=#154c7a][font:d2e8='Helvetica Neue', Helvetica, Arial, sans-serif]Cho nốt code này vào cuối viewtopic_body là xong'[/font][/color]
[code]<style>[color=#000000][font=monospace][/font][/color]
/*vote*/[color=#000000][font=monospace][/font][/color]
.ost,.share,.c3zvau .qua,.no{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;padding:5px 8px 5px 25px}.share{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/fav10.png)}.qua{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/no10.gif);padding-left:29px!important}.no{padding:5px 8px}.no .vop{background:url(http://i43.servimg.com/u/f43/16/03/04/56/like-f10.png) no-repeat left center;padding:0 0 0 18px}.no .vom{background:url(http://i43.servimg.com/u/f43/16/03/04/56/dislik10.png) no-repeat left center;padding:0 0 0 18px}[color=#000000][font=monospace][/font][/color]
.vote-button{float:left;width:60px}[color=#000000][font=monospace][/font][/color]
.c3zplus:hover{background-color:#ebedf4;border-color:#9dacce}[color=#000000][font=monospace][/font][/color]
.c3zminus:hover{background-color:#ebedf4;border-color:#9dacce}[color=#000000][font=monospace][/font][/color]
.c3zplus {[color=#000000][font=monospace][/font][/color]
background: url(http://i43.servimg.com/u/f43/16/03/04/56/like-f10.png) no-repeat scroll 0 0 #ECEEF5;[color=#000000][font=monospace][/font][/color]
background-position: 6px 36%;[color=#000000][font=monospace][/font][/color]
background-repeat: no-repeat;[color=#000000][font=monospace][/font][/color]
border: 1px solid #CAD4E7;[color=#000000][font=monospace][/font][/color]
border-radius: 3px 3px 3px 3px;[color=#000000][font=monospace][/font][/color]
color: white!important;[color=#000000][font=monospace][/font][/color]
display: block;[color=#000000][font=monospace][/font][/color]
float: left;[color=#000000][font=monospace][/font][/color]
height: 13px;[color=#000000][font=monospace][/font][/color]
margin: -4px 2px 0;[color=#000000][font=monospace][/font][/color]
padding: 4px 4px 5px 24px;[color=#000000][font=monospace][/font][/color]
position: relative;[color=#000000][font=monospace][/font][/color]
text-align: left;[color=#000000][font=monospace][/font][/color]
width: 25px;[color=#000000][font=monospace][/font][/color]
}[color=#000000][font=monospace][/font][/color]
.c3zminus {[color=#000000][font=monospace][/font][/color]
background: url(http://i43.servimg.com/u/f43/16/03/04/56/dislik10.png) no-repeat scroll #ECEEF5;[color=#000000][font=monospace][/font][/color]
background-position: 6px 36%;[color=#000000][font=monospace][/font][/color]
background-repeat: no-repeat;[color=#000000][font=monospace][/font][/color]
border: 1px solid #CAD4E7;[color=#000000][font=monospace][/font][/color]
border-radius: 3px 3px 3px 3px;[color=#000000][font=monospace][/font][/color]
color: white!important;[color=#000000][font=monospace][/font][/color]
display: block;[color=#000000][font=monospace][/font][/color]
float: left;[color=#000000][font=monospace][/font][/color]
height: 13px;[color=#000000][font=monospace][/font][/color]
margin: -4px 0px 0;[color=#000000][font=monospace][/font][/color]
padding: 4px 4px 5px 24px;[color=#000000][font=monospace][/font][/color]
position: relative;[color=#000000][font=monospace][/font][/color]
text-align: left;[color=#000000][font=monospace][/font][/color]
width: 55px;[color=#000000][font=monospace][/font][/color]
}[color=#000000][font=monospace][/font][/color]
</style>[color=#000000][font=monospace][/font][/color]
<script type="text/javascript">[color=#000000][font=monospace][/font][/color]
function chvote(a, b) {[color=#000000][font=monospace][/font][/color]
"Message not voted" == b && (b = "c3zone z vietk 0% (0 vote)");[color=#000000][font=monospace][/font][/color]
var d = parseInt(b.split(" ")[3], 10) / 100,[color=#000000][font=monospace][/font][/color]
c = parseInt(b.split(" ")[4].substr(1), 10),[color=#000000][font=monospace][/font][/color]
b = "Message reputation : " + Math.round(100 * ("c3zplus" == a ? (d * c + 1) / (c + 1) : d * c / (c + 1))) + "% (" + (c + 1) + " vote)";[color=#000000][font=monospace][/font][/color]
return votetrans(b)[color=#000000][font=monospace][/font][/color]
}[color=#000000][font=monospace][/font][/color]
$(".c3zvau").each(function () {[color=#000000][font=monospace][/font][/color]
var a = $(this).text();[color=#000000][font=monospace][/font][/color]
$(this).html(votetrans(a))[color=#000000][font=monospace][/font][/color]
});[color=#000000][font=monospace][/font][/color]
[color=#000000][font=monospace][/font][/color]
function votetrans(a) {[color=#000000][font=monospace][/font][/color]
if ("Message not voted" == a) return "<span class='qua'>Hãy là người đầu tiên thích điều này</span>";[color=#000000][font=monospace][/font][/color]
var b = parseInt(a.split(" ")[3], 10) / 100,[color=#000000][font=monospace][/font][/color]
a = parseInt(a.split(" ")[4].substr(1), 10),[color=#000000][font=monospace][/font][/color]
d = 0 != b ? "<span class=vop>" + Math.round(b * a) + "+</span>" : "",[color=#000000][font=monospace][/font][/color]
c = 0 != b && 1 != b ? ' <span style="color:#C2D5E3">|</span> ' : "",[color=#000000][font=monospace][/font][/color]
a = 1 != b ? "<span class=vom>" + Math.round(a - b * a) + "-</span>" : "",[color=#000000][font=monospace][/font][/color]
b = Math.round(100 * b);[color=#000000][font=monospace][/font][/color]
return "<span class=no>" + d + c + a + "</span> <span class=qua>Đánh giá: " + b + "%</span>"[color=#000000][font=monospace][/font][/color]
}[color=#000000][font=monospace][/font][/color]
$(".lvote").click(function () {[color=#000000][font=monospace][/font][/color]
"c3zplus" == $(this).attr("alt") ? $(this).parent().html("").next().html("") : $(this).parent().html("").prev().html("");[color=#000000][font=monospace][/font][/color]
var a = $(this).attr("target"),[color=#000000][font=monospace][/font][/color]
b = $(this).attr("alt"),[color=#000000][font=monospace][/font][/color]
d = $("." + a).attr("title");[color=#000000][font=monospace][/font][/color]
$("#" + a).show();[color=#000000][font=monospace][/font][/color]
$("." + a).html(chvote(b, d));[color=#000000][font=monospace][/font][/color]
$("#" + a).fadeIn("slow").animate({[color=#000000][font=monospace][/font][/color]
opacity: 1[color=#000000][font=monospace][/font][/color]
}, 1500).fadeOut("slow", function () {[color=#000000][font=monospace][/font][/color]
$("." + a).fadeOut("slow").animate({[color=#000000][font=monospace][/font][/color]
opacity: 1[color=#000000][font=monospace][/font][/color]
}, 1E3).fadeIn()[color=#000000][font=monospace][/font][/color]
});[color=#000000][font=monospace][/font][/color]
$("." + $(this).attr("target")).removeAttr("title")[color=#000000][font=monospace][/font][/color]
});[color=#000000][font=monospace][/font][/color]
</script>[/code]
[color:d2e8=#154c7a][font:d2e8='Helvetica Neue', Helvetica, Arial, sans-serif]B1:Chèn Nút Like và Dislike[/font][/color]
[code]<div style="float: left;margin-top: 1px;">[color=#000000][font=monospace][/font][/color]
<!-- BEGIN switch_vote_active -->[color=#000000][font=monospace][/font][/color]
<div class="vote vote-button" title="Thích bài viết này"> [color=#000000][font=monospace][/font][/color]
<!-- BEGIN switch_vote -->[color=#000000][font=monospace][/font][/color]
<a target="v{postrow.displayed.U_POST_ID}" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" alt="c3zplus" class="c3zplus lvote"><span style="font: normal 11px Tahoma, Arial, Helvetica, sans-serif;margin-left: -2px; color: #3B5998;">Thích</span></a>[color=#000000][font=monospace][/font][/color]
<!-- END switch_vote -->[color=#000000][font=monospace][/font][/color]
</div>[color=#000000][font=monospace][/font][/color]
<div class="vote vote-button" title="Không thích bài viết này">[color=#000000][font=monospace][/font][/color]
<!-- BEGIN switch_vote -->[color=#000000][font=monospace][/font][/color]
<a target="v{postrow.displayed.U_POST_ID}" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" alt="c3zminus" class="c3zminus lvote"><span style="font: normal 11px Tahoma, Arial, Helvetica, sans-serif;margin-left: -2px; color: #3B5998;">Không thích</span></a>[color=#000000][font=monospace][/font][/color]
<!-- END switch_vote --></div><div id="v{postrow.displayed.U_POST_ID}" class="loadding" style="display: none"><img src="http://i43.servimg.com/u/f43/16/03/04/56/icon_l12.gif"/> Đang Vote chờ xíu ^_^! </div>[color=#000000][font=monospace][/font][/color]
<!-- END switch_vote_active --></div>[/code][color:d2e8=#154c7a][font:d2e8='Helvetica Neue', Helvetica, Arial, sans-serif]B2:Chèn Phần đếm số vote[/font][/color]
[code]<div style="float:left; margin-top:5px;background-color:#FFF;"> [color=#000000][font=monospace][/font][/color]
<!-- BEGIN switch_vote_active --> [color=#000000][font=monospace][/font][/color]
<iframe name="v{postrow.displayed.U_POST_ID}" class="ajaxvote" style="display:none"></iframe> [color=#000000][font=monospace][/font][/color]
<!-- BEGIN switch_no_bar -->[color=#000000][font=monospace][/font][/color]
<span class="c3zvau v{postrow.displayed.U_POST_ID}" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">{postrow.displayed.switch_vote_active.L_VOTE_TITLE}</span>[color=#000000][font=monospace][/font][/color]
<!-- END switch_no_bar -->[color=#000000][font=monospace][/font][/color]
<!-- BEGIN switch_bar -->[color=#000000][font=monospace][/font][/color]
<span class="c3zvau v{postrow.displayed.U_POST_ID}" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">{postrow.displayed.switch_vote_active.L_VOTE_TITLE}</span>[color=#000000][font=monospace][/font][/color]
<!-- END switch_bar -->[color=#000000][font=monospace][/font][/color]
<!-- END switch_vote_active --></div>[/code][color:d2e8=#154c7a][font:d2e8='Helvetica Neue', Helvetica, Arial, sans-serif]B3:Chèn script và css[/font][/color]
[color:d2e8=#154c7a][font:d2e8='Helvetica Neue', Helvetica, Arial, sans-serif]Cho nốt code này vào cuối viewtopic_body là xong'[/font][/color]
[code]<style>[color=#000000][font=monospace][/font][/color]
/*vote*/[color=#000000][font=monospace][/font][/color]
.ost,.share,.c3zvau .qua,.no{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;padding:5px 8px 5px 25px}.share{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/fav10.png)}.qua{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/no10.gif);padding-left:29px!important}.no{padding:5px 8px}.no .vop{background:url(http://i43.servimg.com/u/f43/16/03/04/56/like-f10.png) no-repeat left center;padding:0 0 0 18px}.no .vom{background:url(http://i43.servimg.com/u/f43/16/03/04/56/dislik10.png) no-repeat left center;padding:0 0 0 18px}[color=#000000][font=monospace][/font][/color]
.vote-button{float:left;width:60px}[color=#000000][font=monospace][/font][/color]
.c3zplus:hover{background-color:#ebedf4;border-color:#9dacce}[color=#000000][font=monospace][/font][/color]
.c3zminus:hover{background-color:#ebedf4;border-color:#9dacce}[color=#000000][font=monospace][/font][/color]
.c3zplus {[color=#000000][font=monospace][/font][/color]
background: url(http://i43.servimg.com/u/f43/16/03/04/56/like-f10.png) no-repeat scroll 0 0 #ECEEF5;[color=#000000][font=monospace][/font][/color]
background-position: 6px 36%;[color=#000000][font=monospace][/font][/color]
background-repeat: no-repeat;[color=#000000][font=monospace][/font][/color]
border: 1px solid #CAD4E7;[color=#000000][font=monospace][/font][/color]
border-radius: 3px 3px 3px 3px;[color=#000000][font=monospace][/font][/color]
color: white!important;[color=#000000][font=monospace][/font][/color]
display: block;[color=#000000][font=monospace][/font][/color]
float: left;[color=#000000][font=monospace][/font][/color]
height: 13px;[color=#000000][font=monospace][/font][/color]
margin: -4px 2px 0;[color=#000000][font=monospace][/font][/color]
padding: 4px 4px 5px 24px;[color=#000000][font=monospace][/font][/color]
position: relative;[color=#000000][font=monospace][/font][/color]
text-align: left;[color=#000000][font=monospace][/font][/color]
width: 25px;[color=#000000][font=monospace][/font][/color]
}[color=#000000][font=monospace][/font][/color]
.c3zminus {[color=#000000][font=monospace][/font][/color]
background: url(http://i43.servimg.com/u/f43/16/03/04/56/dislik10.png) no-repeat scroll #ECEEF5;[color=#000000][font=monospace][/font][/color]
background-position: 6px 36%;[color=#000000][font=monospace][/font][/color]
background-repeat: no-repeat;[color=#000000][font=monospace][/font][/color]
border: 1px solid #CAD4E7;[color=#000000][font=monospace][/font][/color]
border-radius: 3px 3px 3px 3px;[color=#000000][font=monospace][/font][/color]
color: white!important;[color=#000000][font=monospace][/font][/color]
display: block;[color=#000000][font=monospace][/font][/color]
float: left;[color=#000000][font=monospace][/font][/color]
height: 13px;[color=#000000][font=monospace][/font][/color]
margin: -4px 0px 0;[color=#000000][font=monospace][/font][/color]
padding: 4px 4px 5px 24px;[color=#000000][font=monospace][/font][/color]
position: relative;[color=#000000][font=monospace][/font][/color]
text-align: left;[color=#000000][font=monospace][/font][/color]
width: 55px;[color=#000000][font=monospace][/font][/color]
}[color=#000000][font=monospace][/font][/color]
</style>[color=#000000][font=monospace][/font][/color]
<script type="text/javascript">[color=#000000][font=monospace][/font][/color]
function chvote(a, b) {[color=#000000][font=monospace][/font][/color]
"Message not voted" == b && (b = "c3zone z vietk 0% (0 vote)");[color=#000000][font=monospace][/font][/color]
var d = parseInt(b.split(" ")[3], 10) / 100,[color=#000000][font=monospace][/font][/color]
c = parseInt(b.split(" ")[4].substr(1), 10),[color=#000000][font=monospace][/font][/color]
b = "Message reputation : " + Math.round(100 * ("c3zplus" == a ? (d * c + 1) / (c + 1) : d * c / (c + 1))) + "% (" + (c + 1) + " vote)";[color=#000000][font=monospace][/font][/color]
return votetrans(b)[color=#000000][font=monospace][/font][/color]
}[color=#000000][font=monospace][/font][/color]
$(".c3zvau").each(function () {[color=#000000][font=monospace][/font][/color]
var a = $(this).text();[color=#000000][font=monospace][/font][/color]
$(this).html(votetrans(a))[color=#000000][font=monospace][/font][/color]
});[color=#000000][font=monospace][/font][/color]
[color=#000000][font=monospace][/font][/color]
function votetrans(a) {[color=#000000][font=monospace][/font][/color]
if ("Message not voted" == a) return "<span class='qua'>Hãy là người đầu tiên thích điều này</span>";[color=#000000][font=monospace][/font][/color]
var b = parseInt(a.split(" ")[3], 10) / 100,[color=#000000][font=monospace][/font][/color]
a = parseInt(a.split(" ")[4].substr(1), 10),[color=#000000][font=monospace][/font][/color]
d = 0 != b ? "<span class=vop>" + Math.round(b * a) + "+</span>" : "",[color=#000000][font=monospace][/font][/color]
c = 0 != b && 1 != b ? ' <span style="color:#C2D5E3">|</span> ' : "",[color=#000000][font=monospace][/font][/color]
a = 1 != b ? "<span class=vom>" + Math.round(a - b * a) + "-</span>" : "",[color=#000000][font=monospace][/font][/color]
b = Math.round(100 * b);[color=#000000][font=monospace][/font][/color]
return "<span class=no>" + d + c + a + "</span> <span class=qua>Đánh giá: " + b + "%</span>"[color=#000000][font=monospace][/font][/color]
}[color=#000000][font=monospace][/font][/color]
$(".lvote").click(function () {[color=#000000][font=monospace][/font][/color]
"c3zplus" == $(this).attr("alt") ? $(this).parent().html("").next().html("") : $(this).parent().html("").prev().html("");[color=#000000][font=monospace][/font][/color]
var a = $(this).attr("target"),[color=#000000][font=monospace][/font][/color]
b = $(this).attr("alt"),[color=#000000][font=monospace][/font][/color]
d = $("." + a).attr("title");[color=#000000][font=monospace][/font][/color]
$("#" + a).show();[color=#000000][font=monospace][/font][/color]
$("." + a).html(chvote(b, d));[color=#000000][font=monospace][/font][/color]
$("#" + a).fadeIn("slow").animate({[color=#000000][font=monospace][/font][/color]
opacity: 1[color=#000000][font=monospace][/font][/color]
}, 1500).fadeOut("slow", function () {[color=#000000][font=monospace][/font][/color]
$("." + a).fadeOut("slow").animate({[color=#000000][font=monospace][/font][/color]
opacity: 1[color=#000000][font=monospace][/font][/color]
}, 1E3).fadeIn()[color=#000000][font=monospace][/font][/color]
});[color=#000000][font=monospace][/font][/color]
$("." + $(this).attr("target")).removeAttr("title")[color=#000000][font=monospace][/font][/color]
});[color=#000000][font=monospace][/font][/color]
</script>[/code]