Latest topics
» Tuyển Admin, S-MOD, MOD cho CNTT-W7
by Light Knight Sun Jul 17, 2016 9:57 pm
» [Tin Game] DUELYST - Game mới mở open beta đã hút hồn game thủ Việt
by Light Knight Sun Nov 01, 2015 10:53 pm
» [Tin Game] Bàn Long 3D tung teaser ma mị, ra mắt tại Việt Nam vào 26/10
by Light Knight Mon Oct 26, 2015 11:01 pm
» [Tin Game] Những sự tình cờ thú vị trong các bộ phim bom tấn
by Light Knight Mon Oct 26, 2015 11:01 pm
» [Tin Game] Colopl Rune Story - Siêu phẩm ARPG tái hiện đậm chất Anime
by Light Knight Sun Oct 25, 2015 10:22 pm
» [Tin Game] Thor và Loki cực kỳ "nữ tính" khi hóa thân "cô gái Trung Hoa"
by Light Knight Sun Oct 25, 2015 10:09 pm
» [Tin Game] Bom tấn Halo 5 "rất có thể sẽ lên PC"
by Light Knight Sun Oct 25, 2015 10:02 pm
» [Tin Game] Đằng lòng game thủ Việt bị ám ảnh về vấn nạn "friendzone"
by Light Knight Sun Oct 25, 2015 10:02 pm
» [Tin Game] 3 Kingdoms Warlord - Game MOBA phong cách Tam Quốc độc và lạ
by Light Knight Sun Oct 25, 2015 10:01 pm
» [Tin Game] Hero DOTA 2 sẽ ra sao dưới góc nhìn của nữ game thủ thích tiểu thuyết lãng mạn
by Light Knight Sun Oct 25, 2015 10:01 pm
» [Tin Game] Chư Thần Hoàng Hôn - Game online độc đáo sắp mở cửa tại Việt Nam
by Light Knight Sun Oct 25, 2015 9:59 pm
by Light Knight Sun Jul 17, 2016 9:57 pm
» [Tin Game] DUELYST - Game mới mở open beta đã hút hồn game thủ Việt
by Light Knight Sun Nov 01, 2015 10:53 pm
» [Tin Game] Bàn Long 3D tung teaser ma mị, ra mắt tại Việt Nam vào 26/10
by Light Knight Mon Oct 26, 2015 11:01 pm
» [Tin Game] Những sự tình cờ thú vị trong các bộ phim bom tấn
by Light Knight Mon Oct 26, 2015 11:01 pm
» [Tin Game] Colopl Rune Story - Siêu phẩm ARPG tái hiện đậm chất Anime
by Light Knight Sun Oct 25, 2015 10:22 pm
» [Tin Game] Thor và Loki cực kỳ "nữ tính" khi hóa thân "cô gái Trung Hoa"
by Light Knight Sun Oct 25, 2015 10:09 pm
» [Tin Game] Bom tấn Halo 5 "rất có thể sẽ lên PC"
by Light Knight Sun Oct 25, 2015 10:02 pm
» [Tin Game] Đằng lòng game thủ Việt bị ám ảnh về vấn nạn "friendzone"
by Light Knight Sun Oct 25, 2015 10:02 pm
» [Tin Game] 3 Kingdoms Warlord - Game MOBA phong cách Tam Quốc độc và lạ
by Light Knight Sun Oct 25, 2015 10:01 pm
» [Tin Game] Hero DOTA 2 sẽ ra sao dưới góc nhìn của nữ game thủ thích tiểu thuyết lãng mạn
by Light Knight Sun Oct 25, 2015 10:01 pm
» [Tin Game] Chư Thần Hoàng Hôn - Game online độc đáo sắp mở cửa tại Việt Nam
by Light Knight Sun Oct 25, 2015 9:59 pm
Top posters
Light Knight (379) | ||||
harryumefor (15) | ||||
WallPoints (5) | ||||
Zuni Thoang (4) |
Most active topic starters
Top posting users this week
[Code] Nút Like và Dislike skin Ola Full Mod
Trang 1 trong tổng số 1 trang • Share
- Light KnightAdmin
- Giới Tính : Số Bài Gửi : 379
Tài Khoản : 83743
Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :
Tài Sản
Tài Sản:
Demo:
[You must be registered and logged in to see this image.]
Mới móc cái code này trong cái viewtopic_body của skin Ola full mod
B1 và B2 ở dưới để ở chỗ thích hợp nhé
B1:Chèn Nút Like và Dislike
B2:Chèn Phần đếm số vote
B3:Chèn script và css
Cho nốt code này vào cuối viewtopic_body là xong
Nguồn : [You must be registered and logged in to see this link.]
[You must be registered and logged in to see this image.]
Mới móc cái code này trong cái viewtopic_body của skin Ola full mod
B1 và B2 ở dưới để ở chỗ thích hợp nhé
B1:Chèn Nút Like và Dislike
- Code:
<div style="float: left;margin-top: 1px;">
<!-- BEGIN switch_vote_active -->
<div class="vote vote-button" title="Thích bài viết này">
<!-- BEGIN switch_vote -->
<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>
<!-- END switch_vote -->
</div>
<div class="vote vote-button" title="Không thích bài viết này">
<!-- BEGIN switch_vote -->
<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>
<!-- 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>
<!-- END switch_vote_active --></div>
B2:Chèn Phần đếm số vote
- Code:
<div style="float:left; margin-top:5px;background-color:#FFF;">
<!-- BEGIN switch_vote_active -->
<iframe name="v{postrow.displayed.U_POST_ID}" class="ajaxvote" style="display:none"></iframe>
<!-- BEGIN switch_no_bar -->
<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>
<!-- END switch_no_bar -->
<!-- BEGIN switch_bar -->
<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>
<!-- END switch_bar -->
<!-- END switch_vote_active --></div>
B3:Chèn script và css
Cho nốt code này vào cuối viewtopic_body là xong
- Code:
<style>
/*vote*/
.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}
.vote-button{float:left;width:60px}
.c3zplus:hover{background-color:#ebedf4;border-color:#9dacce}
.c3zminus:hover{background-color:#ebedf4;border-color:#9dacce}
.c3zplus {
background: url(http://i43.servimg.com/u/f43/16/03/04/56/like-f10.png) no-repeat scroll 0 0 #ECEEF5;
background-position: 6px 36%;
background-repeat: no-repeat;
border: 1px solid #CAD4E7;
border-radius: 3px 3px 3px 3px;
color: white!important;
display: block;
float: left;
height: 13px;
margin: -4px 2px 0;
padding: 4px 4px 5px 24px;
position: relative;
text-align: left;
width: 25px;
}
.c3zminus {
background: url(http://i43.servimg.com/u/f43/16/03/04/56/dislik10.png) no-repeat scroll #ECEEF5;
background-position: 6px 36%;
background-repeat: no-repeat;
border: 1px solid #CAD4E7;
border-radius: 3px 3px 3px 3px;
color: white!important;
display: block;
float: left;
height: 13px;
margin: -4px 0px 0;
padding: 4px 4px 5px 24px;
position: relative;
text-align: left;
width: 55px;
}
</style>
<script type="text/javascript">
function chvote(a, b) {
"Message not voted" == b && (b = "c3zone z vietk 0% (0 vote)");
var d = parseInt(b.split(" ")[3], 10) / 100,
c = parseInt(b.split(" ")[4].substr(1), 10),
b = "Message reputation : " + Math.round(100 * ("c3zplus" == a ? (d * c + 1) / (c + 1) : d * c / (c + 1))) + "% (" + (c + 1) + " vote)";
return votetrans(b)
}
$(".c3zvau").each(function () {
var a = $(this).text();
$(this).html(votetrans(a))
});
function votetrans(a) {
if ("Message not voted" == a) return "<span class='qua'>Hãy là người đầu tiên thích điều này</span>";
var b = parseInt(a.split(" ")[3], 10) / 100,
a = parseInt(a.split(" ")[4].substr(1), 10),
d = 0 != b ? "<span class=vop>" + Math.round(b * a) + "+</span>" : "",
c = 0 != b && 1 != b ? ' <span style="color:#C2D5E3">|</span> ' : "",
a = 1 != b ? "<span class=vom>" + Math.round(a - b * a) + "-</span>" : "",
b = Math.round(100 * b);
return "<span class=no>" + d + c + a + "</span> <span class=qua>Đánh giá: " + b + "%</span>"
}
$(".lvote").click(function () {
"c3zplus" == $(this).attr("alt") ? $(this).parent().html("").next().html("") : $(this).parent().html("").prev().html("");
var a = $(this).attr("target"),
b = $(this).attr("alt"),
d = $("." + a).attr("title");
$("#" + a).show();
$("." + a).html(chvote(b, d));
$("#" + a).fadeIn("slow").animate({
opacity: 1
}, 1500).fadeOut("slow", function () {
$("." + a).fadeOut("slow").animate({
opacity: 1
}, 1E3).fadeIn()
});
$("." + $(this).attr("target")).removeAttr("title")
});
</script>
Nguồn : [You must be registered and logged in to see this link.]
Similar topics
[Code] Nút Like và Dislike skin Ola Full Mod :: Comments
- Light KnightAdmin
- Giới Tính : Số Bài Gửi : 379
Tài Khoản : 83743
Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :
Tài Sản
Tài Sản:
- Code:
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
- Light KnightAdmin
- Giới Tính : Số Bài Gửi : 379
Tài Khoản : 83743
Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :
Tài Sản
Tài Sản:
- Code:
sssssssssss
- Light KnightAdmin
- Giới Tính : Số Bài Gửi : 379
Tài Khoản : 83743
Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :
Tài Sản
Tài Sản:
- Light KnightAdmin
- Giới Tính : Số Bài Gửi : 379
Tài Khoản : 83743
Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :
Tài Sản
Tài Sản:
@harryumefor
- Light KnightAdmin
- Giới Tính : Số Bài Gửi : 379
Tài Khoản : 83743
Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :
Tài Sản
Tài Sản:
[You must be registered and logged in to see this link.]
- Light KnightAdmin
- Giới Tính : Số Bài Gửi : 379
Tài Khoản : 83743
Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :
Tài Sản
Tài Sản:
@Kị Sĩ Ánh Sáng
- Light KnightAdmin
- Giới Tính : Số Bài Gửi : 379
Tài Khoản : 83743
Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :
Tài Sản
Tài Sản:
Kị Sĩ Ánh Sáng đã viết:
- Light KnightAdmin
- Giới Tính : Số Bài Gửi : 379
Tài Khoản : 83743
Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :
Tài Sản
Tài Sản:
sssssssssssssssssssssssKị Sĩ Ánh Sáng đã viết:Kị Sĩ Ánh Sáng đã viết:
- harryumeforAdmin
- Giới Tính : Số Bài Gửi : 15
Tài Khoản : 90444
Được Cảm Ơn : 115
Huy Hiệu :
Pet :
Nhân Vật :
Tài Sản
Tài Sản:
tessssst
- Sponsored content
Create an account or log in to leave a reply
You need to be a member in order to leave a reply.
Permissions in this forum:
Bạn không có quyền trả lời bài viết