Đăng nhập
Latest topics
» Tôi sẽ đỗ đại học!by vi01239984564 26/8/2024, 7:41 pm
» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm
» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm
» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm
» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am
» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am
» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm
» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am
» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm
» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am
» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm
» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am
» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm
» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm
» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm
» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm
» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm
» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm
» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am
» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm
» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm
» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm
» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am
» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm
» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am
Top posting users this week
No user |
Xin hướng dẫn làm nút Like Dislike [✔]
5 posters
Trang 1 trong tổng số 1 trang
Xin hướng dẫn làm nút Like Dislike [✔]
Như tiêu đề Xin hướng dẫn làm nút Like Dislike
Demo http://chiensitre.forumvi.net/t2802-topic
Demo http://chiensitre.forumvi.net/t2802-topic
Re: Xin hướng dẫn làm nút Like Dislike [✔]
Code nút like như trên demo còn thiếu ~~
cái này đầy đủ
---------------------
bước 1 : Chèn nút dislike và like
cái này đầy đủ
---------------------
bước 1 : Chèn nút dislike và like
- 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>
- 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>
- 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>
Re: Xin hướng dẫn làm nút Like Dislike [✔]
Cho mình hỏi
bước 1 : Chèn nút dislike và like
Bước 2 : Chèn số đếm vote
Hai bước trên chèn chỗ nào vậy mình không biết
bước 1 : Chèn nút dislike và like
Bước 2 : Chèn số đếm vote
Hai bước trên chèn chỗ nào vậy mình không biết
Re: Xin hướng dẫn làm nút Like Dislike [✔]
View topic
- Code:
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<!-- BEGIN switch_plus_menu -->
<li><script type="text/javascript">//<![CDATA[
var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
</li>
<!-- END switch_plus_menu -->
<li>
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
</li>
<li>
<a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
</li>
<li>
<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
</li>
<!-- BEGIN watchtopic -->
<li>
{S_WATCH_TOPIC}
</li>
<!-- END watchtopic -->
</ul>
<p>
{LOGGED_AS}. {LAST_VISIT_DATE}
</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>
{L_NOT_CONNECTED} {L_LOGIN_REGISTER}
</p>
</div>
<!-- END switch_user_logged_out -->
<div class="pun-crumbs noprint">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
<!-- BEGIN switch_twitter_btn --><span id="twitter_btn" style="margin-left: 6px; "><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn --><span id="fb_likebtn" style="margin-left: 6px; "><iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" style="border:none; overflow:hidden; width:auto; height:21px;" allowtransparency="true" scrolling="no" frameborder="0"></iframe></span>
<!-- END switch_fb_likebtn -->
</p>
</div>
<div class="main paged">
<div class="paged-head clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">
{PAGINATION}
</p>
<!-- END topicpagination -->
<p class="posting">
<!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</p>
</div>
{POLL_DISPLAY}
<div class="main-head clearfix">
<p class="h2"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a><a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a><a href="#bottom">{L_GOTO_DOWN}</a> {L_MESSAGE} [{PAGE_NUMBER}]
</p>
</div>
<div class="main-content topic">
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<p class="p-hidden">
{postrow.hidden.MESSAGE}
</p>
<!-- END hidden -->
<!-- BEGIN displayed -->
<!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="main-content topic">
<!-- END first_post_br -->
<div class="post post--{postrow.displayed.U_POST_ID}" {postrow.displayed.thank_bgcolor}="" style="{postrow.displayed.DISPLAYABLE_STATE}"><a name="{postrow.displayed.U_POST_ID}"></a>
<div class="postmain" {postrow.displayed.thank_bgcolor}="">
<div id="p{postrow.displayed.U_POST_ID}" class="posthead" {postrow.displayed.thank_bgcolor}="">
<h2><strong>{postrow.displayed.COUNT_POSTS}</strong> {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
</h2>
</div>
<div class="postbody" {postrow.displayed.thank_bgcolor}="">
<div class="user">
<div class="user-ident">
<div class="eti_postbit">
<center>
{postrow.displayed.POSTER_NAME} {postrow.displayed.ONLINE_IMG}
</center>
</div>
<div class="eti_postbit">
<center>
{postrow.displayed.POSTER_RANK_NEW}
</center>
</div>
<center><img src="http://tuoitreit.vn/tuoitrevn/avatar/top.gif" /><img style="height: 2px;" src="http://tuoitreit.vn/tuoitrevn/avatar/toprightconner.gif" /><img style="width: 4px;" src="http://tuoitreit.vn/tuoitrevn/avatar/left.gif" />
<div class="avatar9x">
<!-- BEGIN-----AVATA -->
<table style="width:auto" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 0px">
<img src=" http://i38.servimg.com/u/f38/16/18/15/10/138.png " />
</td>
<td style="padding: 0px" background=" http://i38.servimg.com/u/f38/16/18/15/10/218.png ">
</td>
<td style="padding: 0px">
<img src=" http://i38.servimg.com/u/f38/16/18/15/10/313.png " />
</td>
</tr>
<tr>
<td style="padding: 0px" background=" http://i38.servimg.com/u/f38/16/18/15/10/411.png " valign="top">
</td>
<td style="padding: 0px; background-color: #ffffff" bgcolor="#ffffff">
{postrow.displayed.POSTER_AVATAR}
</td>
<td style="padding: 0px" background=" http://i38.servimg.com/u/f38/16/18/15/10/511.png ">
</td>
</tr>
<tr>
<td style="padding: 0px">
<img src=" http://i38.servimg.com/u/f38/16/18/15/10/610.png " />
</td>
<td style="padding: 0px" background=" http://i38.servimg.com/u/f38/16/18/15/10/710.png ">
</td>
<td style="padding: 0px">
<img src=" http://i38.servimg.com/u/f38/16/18/15/10/810.png " />
</td>
</tr>
</tbody>
</table>
<!-- ENDE-----AVATA --><br />
</div>
</center>
</div>
<div class="eti_postbit">
<center>
{postrow.displayed.RANK_IMAGE}
</center>
</div>
<div class="eti_postbit">
<center>
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
</center>
</div>
<!-- BEGIN profile_field -->
<div class="eti_postbit">
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</div>
<!-- END profile_field --> {postrow.displayed.POSTER_RPG}
</div>
</div>
<div class="post-entry">
<div class="entry-content">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button">
<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a>
</div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;">
</div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;">
</div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">
----
</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button">
<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a>
</div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div>
<div>
<!-- Đóng khung bài viết -->
<div>
<table style="width:100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 0px">
<img src="http://i34.servimg.com/u/f34/14/04/26/89/admin_10.gif" />
</td>
<td style="width: 100%;" background="http://i71.servimg.com/u/f71/16/01/40/96/admin_10.gif">
</td>
<td style="padding: 0px">
<img src="http://i71.servimg.com/u/f71/16/01/40/96/admin_11.gif" />
</td>
</tr>
<tr>
<td style="width: 10px;" background="http://i71.servimg.com/u/f71/16/01/40/96/admin_12.gif" valign="top"><img src="http://i71.servimg.com/u/f71/16/01/40/96/admin_13.gif" />
</td>
<td style="padding: 0px; background-color: #ffffff" bgcolor="#ffffff">
{postrow.displayed.MESSAGE}
</td>
<td style="width: 16px;" background="http://i64.servimg.com/u/f64/13/54/69/46/admin_18.gif" valign="top">
</td>
</tr>
<tr>
<td style="padding: 0px">
<img src="http://i64.servimg.com/u/f64/13/54/69/46/admin_19.gif" />
</td>
<td style="padding: 0px" background="http://i64.servimg.com/u/f64/13/54/69/46/admin_20.gif">
</td>
<td style="padding: 0px">
<img src="http://i64.servimg.com/u/f64/13/54/69/46/admin_21.gif" />
</td>
</tr>
</tbody>
</table>
</div>
<!-- KetThuc Dong Khung Cho Bai Viet -->
<!-- BEGIN switch_attachments --><dl class="attachbox"><dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt><dd>
<!-- BEGIN switch_post_attachments --><dl class="file"><dt><img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att --><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att --> {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att --></dt>
<!-- BEGIN switch_no_comment --><dd><em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em></dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att --><dd><em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em></dd>
<!-- END switch_no_dl_att --><dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd></dl>
<!-- END switch_post_attachments --></dd></dl>
<!-- END switch_attachments -->
<div class="clear">
</div>
</div>
<p>
{postrow.displayed.EDITED_MESSAGE}
</p>
</div>
</div>
</div>
<!-- BEGIN switch_signature -->
<div class="sig-content">
<!-- Khung chữ ký -->
<div class="postsignature"><div style="width:100%;">
<img class="title" rel="nofollow" src="http://i39.servimg.com/u/f39/18/29/56/89/chu_ki11.gif"/>
<div class="content">{postrow.displayed.SIGNATURE_NEW}</div>
</div></div>
<!-- / Khung chữ ký -->
</div>
<!-- END switch_signature -->
<div class="postfoot">
<div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
</div>
<div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</div>
<div style="clear:both;">
</div>
</div>
</div>
</div>
<!-- END displayed -->
<!-- END postrow -->
</div>
<div class="main-foot clearfix">
<p class="h2"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a><a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a><a href="#top">{L_BACK_TO_TOP}</a> {L_MESSAGE} [{PAGE_NUMBER}]
</p>
<p class="options"><input name="t" value="{TOPIC_ID}" type="hidden" />
<!-- <input type=&quot;hidden&quot; name=&quot;sid&quot; value=&quot;{S_SID}&quot; /> --><input name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" type="hidden" />
<!-- BEGIN viewtopic_bottom --> {S_TOPIC_ADMIN}
<!-- END viewtopic_bottom -->
</p>
</div><a name="bottomtitle"></a>
<div class="paged-foot clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">
{PAGINATION}
</p>
<!-- END topicpagination -->
<p class="posting">
<!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</p>
</div>
</div>
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
</p>
</div>
<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
<div class="main-head clearfix">
<p class="h2">
{PROMOT_TRAFIC_TITLE}
</p>
<p class="options">
<a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a>
</p>
</div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
<div class="main-head clearfix">
<p class="h2">
{PROMOT_TRAFIC_TITLE}
</p>
<p class="options">
<a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a>
</p>
</div>
<div class="main-content clearfix">
<!-- BEGIN link --> » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</div>
</div>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
<div class="main-head clearfix">
<p class="h2">
{L_FORUM_RULES}
</p>
</div>
<table class="main-content frm">
<tbody>
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo"><img src="{RULE_IMG_URL}" alt="" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules entry-content">
{RULE_MSG}
</td>
</tr>
</tbody>
</table>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in --><a name="quickreply"></a> {QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
<div id="pun-info" class="main">
<div class="main-content">
<div id="stats">
<p>
{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}
</p>
</div>
</div>
</div>
<!-- BEGIN switch_image_resize --><script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize --><script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script><style>
.eti_postbit {
Padding-left: 2px;
Padding-right: 2px;
Padding-top: 2px;
Padding-bottom: 2px;
Background-color: rgb(240,240,240);
Border-top: 1px solid #dddddd;
Border-right: 1px solid #dddddd;
Border-left: 1px solid #c4c4c4;
Border-bottom: 1px solid #c4c4c4;
Margin-bottom: 3px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
</style>
<style>
/*colorbox*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index: 999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:visible;}#cboxLoadedContent{overflow:auto;margin-bottom:5px;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#7C7C7C;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;position:absolute;bottom:-29px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro26.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px;}.cboxPhoto{float:left;border:0;display:block;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxTopLeft{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro27.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border23.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro28.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro29.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border24.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -211px 0;}#cboxLoadingOverlay{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin10.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://i20.servimg.com/u/f20/15/90/59/25/loadin12.gif) no-repeat center center;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:700;color:#7C7C7C;}#cboxPrevious{left:0;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i27.servimg.com/u/f27/14/67/90/38/bg1010.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
</style>
<center><div><iframe src="http://www.facebook.com/plugins/comments.php?href=http://hoaphuong.forumvi.com/{TOPIC_URL}
" scrolling="no" frameborder="0" data-num-posts="20" style="border:none;overflow:hidden;width:600px;height:220px;" allowTransparency="true"></iframe> </div></center>
Re: Xin hướng dẫn làm nút Like Dislike [✔]
Bạn Huynhmui cho mình hỏi mình chèn bước 3 xog còn bước 1 2 mình chèn nó ko hiện thị rồi mình xóa rồi bạn giúp dc ko
demo http://hoaphuong2014.forumvi.com/
nick test: trinhdat
pass: trinhdat1990
demo http://hoaphuong2014.forumvi.com/
nick test: trinhdat
pass: trinhdat1990
Re: Xin hướng dẫn làm nút Like Dislike [✔]
- Code:
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<!-- BEGIN switch_plus_menu -->
<li><script type="text/javascript">//<![CDATA[
var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
</li>
<!-- END switch_plus_menu -->
<li>
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
</li>
<li>
<a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
</li>
<li>
<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
</li>
<!-- BEGIN watchtopic -->
<li>
{S_WATCH_TOPIC}
</li>
<!-- END watchtopic -->
</ul>
<p>
{LOGGED_AS}. {LAST_VISIT_DATE}
</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>
{L_NOT_CONNECTED} {L_LOGIN_REGISTER}
</p>
</div>
<!-- END switch_user_logged_out -->
<div class="pun-crumbs noprint">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
<!-- BEGIN switch_twitter_btn --><span id="twitter_btn" style="margin-left: 6px; "><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn --><span id="fb_likebtn" style="margin-left: 6px; "><iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" style="border:none; overflow:hidden; width:auto; height:21px;" allowtransparency="true" scrolling="no" frameborder="0"></iframe></span>
<!-- END switch_fb_likebtn -->
</p>
</div>
<div class="main paged">
<div class="paged-head clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">
{PAGINATION}
</p>
<!-- END topicpagination -->
<p class="posting">
<!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</p>
</div>
{POLL_DISPLAY}
<div class="main-head clearfix">
<p class="h2"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a><a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a><a href="#bottom">{L_GOTO_DOWN}</a> {L_MESSAGE} [{PAGE_NUMBER}]
</p>
</div>
<div class="main-content topic">
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<p class="p-hidden">
{postrow.hidden.MESSAGE}
</p>
<!-- END hidden -->
<!-- BEGIN displayed -->
<!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="main-content topic">
<!-- END first_post_br -->
<div class="post post--{postrow.displayed.U_POST_ID}" {postrow.displayed.thank_bgcolor}="" style="{postrow.displayed.DISPLAYABLE_STATE}"><a name="{postrow.displayed.U_POST_ID}"></a>
<div class="postmain" {postrow.displayed.thank_bgcolor}="">
<div id="p{postrow.displayed.U_POST_ID}" class="posthead" {postrow.displayed.thank_bgcolor}="">
<h2><strong>{postrow.displayed.COUNT_POSTS}</strong> {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
</h2>
</div>
<div class="postbody" {postrow.displayed.thank_bgcolor}="">
<div class="user">
<div class="user-ident">
<div class="eti_postbit">
<center>
{postrow.displayed.POSTER_NAME} {postrow.displayed.ONLINE_IMG}
</center>
</div>
<div class="eti_postbit">
<center>
{postrow.displayed.POSTER_RANK_NEW}
</center>
</div>
<center><img src="http://tuoitreit.vn/tuoitrevn/avatar/top.gif" /><img style="height: 2px;" src="http://tuoitreit.vn/tuoitrevn/avatar/toprightconner.gif" /><img style="width: 4px;" src="http://tuoitreit.vn/tuoitrevn/avatar/left.gif" />
<div class="avatar9x">
<!-- BEGIN-----AVATA -->
<table style="width:auto" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 0px">
<img src=" http://i38.servimg.com/u/f38/16/18/15/10/138.png " />
</td>
<td style="padding: 0px" background=" http://i38.servimg.com/u/f38/16/18/15/10/218.png ">
</td>
<td style="padding: 0px">
<img src=" http://i38.servimg.com/u/f38/16/18/15/10/313.png " />
</td>
</tr>
<tr>
<td style="padding: 0px" background=" http://i38.servimg.com/u/f38/16/18/15/10/411.png " valign="top">
</td>
<td style="padding: 0px; background-color: #ffffff" bgcolor="#ffffff">
{postrow.displayed.POSTER_AVATAR}
</td>
<td style="padding: 0px" background=" http://i38.servimg.com/u/f38/16/18/15/10/511.png ">
</td>
</tr>
<tr>
<td style="padding: 0px">
<img src=" http://i38.servimg.com/u/f38/16/18/15/10/610.png " />
</td>
<td style="padding: 0px" background=" http://i38.servimg.com/u/f38/16/18/15/10/710.png ">
</td>
<td style="padding: 0px">
<img src=" http://i38.servimg.com/u/f38/16/18/15/10/810.png " />
</td>
</tr>
</tbody>
</table>
<!-- ENDE-----AVATA --><br />
</div>
</center>
</div>
<div class="eti_postbit">
<center>
{postrow.displayed.RANK_IMAGE}
</center>
</div>
<div class="eti_postbit">
<center>
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
</center>
</div>
<!-- BEGIN profile_field -->
<div class="eti_postbit">
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</div>
<!-- END profile_field --> {postrow.displayed.POSTER_RPG}
</div>
</div>
<div class="post-entry">
<div class="entry-content">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button">
<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a>
</div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;">
</div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;">
</div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">
----
</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button">
<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a>
</div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div>
<div>
<!-- Đóng khung bài viết -->
<div>
<table style="width:100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 0px">
<img src="http://i34.servimg.com/u/f34/14/04/26/89/admin_10.gif" />
</td>
<td style="width: 100%;" background="http://i71.servimg.com/u/f71/16/01/40/96/admin_10.gif">
</td>
<td style="padding: 0px">
<img src="http://i71.servimg.com/u/f71/16/01/40/96/admin_11.gif" />
</td>
</tr>
<tr>
<td style="width: 10px;" background="http://i71.servimg.com/u/f71/16/01/40/96/admin_12.gif" valign="top"><img src="http://i71.servimg.com/u/f71/16/01/40/96/admin_13.gif" />
</td>
<td style="padding: 0px; background-color: #ffffff" bgcolor="#ffffff">
{postrow.displayed.MESSAGE}
</td>
<td style="width: 16px;" background="http://i64.servimg.com/u/f64/13/54/69/46/admin_18.gif" valign="top">
</td>
</tr>
<tr>
<td style="padding: 0px">
<img src="http://i64.servimg.com/u/f64/13/54/69/46/admin_19.gif" />
</td>
<td style="padding: 0px" background="http://i64.servimg.com/u/f64/13/54/69/46/admin_20.gif">
</td>
<td style="padding: 0px">
<img src="http://i64.servimg.com/u/f64/13/54/69/46/admin_21.gif" />
</td>
</tr>
</tbody>
</table>
</div>
<!-- KetThuc Dong Khung Cho Bai Viet -->
<!-- BEGIN switch_attachments --><dl class="attachbox"><dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt><dd>
<!-- BEGIN switch_post_attachments --><dl class="file"><dt><img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att --><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att --> {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att --></dt>
<!-- BEGIN switch_no_comment --><dd><em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em></dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att --><dd><em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em></dd>
<!-- END switch_no_dl_att --><dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd></dl>
<!-- END switch_post_attachments --></dd></dl>
<!-- END switch_attachments -->
<div class="clear">
</div>
</div>
<p>
{postrow.displayed.EDITED_MESSAGE}
</p>
</div>
</div>
</div>
<!-- BEGIN switch_signature -->
<div class="sig-content">
<!-- Khung chữ ký -->
<div class="postsignature"><div style="width:100%;">
<img class="title" rel="nofollow" src="http://i39.servimg.com/u/f39/18/29/56/89/chu_ki11.gif"/>
<div class="content">{postrow.displayed.SIGNATURE_NEW}</div>
</div></div>
<!-- / Khung chữ ký -->
</div>
<!-- END switch_signature -->
<div class="postfoot">
<div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
</div>
<div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
<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> <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>
<!-- END switch_vote_active --></div>
{postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</div>
<div style="clear:both;">
</div>
</div>
</div>
</div>
<!-- END displayed -->
<!-- END postrow -->
</div>
<div class="main-foot clearfix">
<p class="h2"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a><a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a><a href="#top">{L_BACK_TO_TOP}</a> {L_MESSAGE} [{PAGE_NUMBER}]
</p>
<p class="options"><input name="t" value="{TOPIC_ID}" type="hidden" />
<!-- <input type=&quot;hidden&quot; name=&quot;sid&quot; value=&quot;{S_SID}&quot; /> --><input name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" type="hidden" />
<!-- BEGIN viewtopic_bottom --> {S_TOPIC_ADMIN}
<!-- END viewtopic_bottom -->
</p>
</div><a name="bottomtitle"></a>
<div class="paged-foot clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">
{PAGINATION}
</p>
<!-- END topicpagination -->
<p class="posting">
<!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</p>
</div>
</div>
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
</p>
</div>
<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
<div class="main-head clearfix">
<p class="h2">
{PROMOT_TRAFIC_TITLE}
</p>
<p class="options">
<a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a>
</p>
</div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
<div class="main-head clearfix">
<p class="h2">
{PROMOT_TRAFIC_TITLE}
</p>
<p class="options">
<a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a>
</p>
</div>
<div class="main-content clearfix">
<!-- BEGIN link --> » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</div>
</div>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
<div class="main-head clearfix">
<p class="h2">
{L_FORUM_RULES}
</p>
</div>
<table class="main-content frm">
<tbody>
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo"><img src="{RULE_IMG_URL}" alt="" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules entry-content">
{RULE_MSG}
</td>
</tr>
</tbody>
</table>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in --><a name="quickreply"></a> {QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
<div id="pun-info" class="main">
<div class="main-content">
<div id="stats">
<p>
{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}
</p>
</div>
</div>
</div>
<!-- BEGIN switch_image_resize --><script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize --><script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script><style>
.eti_postbit {
Padding-left: 2px;
Padding-right: 2px;
Padding-top: 2px;
Padding-bottom: 2px;
Background-color: rgb(240,240,240);
Border-top: 1px solid #dddddd;
Border-right: 1px solid #dddddd;
Border-left: 1px solid #c4c4c4;
Border-bottom: 1px solid #c4c4c4;
Margin-bottom: 3px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
</style>
<style>
/*colorbox*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index: 999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:visible;}#cboxLoadedContent{overflow:auto;margin-bottom:5px;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#7C7C7C;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;position:absolute;bottom:-29px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro26.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px;}.cboxPhoto{float:left;border:0;display:block;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxTopLeft{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro27.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border23.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro28.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro29.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border24.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -211px 0;}#cboxLoadingOverlay{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin10.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://i20.servimg.com/u/f20/15/90/59/25/loadin12.gif) no-repeat center center;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:700;color:#7C7C7C;}#cboxPrevious{left:0;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i27.servimg.com/u/f27/14/67/90/38/bg1010.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
</style>
<center><div><iframe src="http://www.facebook.com/plugins/comments.php?href=http://hoaphuong.forumvi.com/{TOPIC_URL}
" scrolling="no" frameborder="0" data-num-posts="20" style="border:none;overflow:hidden;width:600px;height:220px;" allowTransparency="true"></iframe> </div></center>
thím troll vồnanhoang_qn đã viết:like này
dislike này
Re: Xin hướng dẫn làm nút Like Dislike [✔]
xem nút like và nút dislike dùm mình cho nó giống demo(ở dưới phần bài viết) mà bạn Huynhmui cung cấp được không và sao cho chữ thích và không thích đừng có chồng lên logo like và dislike
demo http://hoaphuong2014.forumvi.com/t35-topic#49
demo http://hoaphuong2014.forumvi.com/t35-topic#49
Re: Xin hướng dẫn làm nút Like Dislike [✔]
dùng cái này này : http://www.devs.cf/t15-code-fb_vote-anh-gia-bai-viet-va-thong-bao-len-tuong
khác mỗi cái ico chứ mấy
mà nói chung cả 2 cái đều từ 1 người viết ra chứ đâu
bản mình đưa là bản cãi tiến của cái mà bạn hỏi đấy @@
khác mỗi cái ico chứ mấy
mà nói chung cả 2 cái đều từ 1 người viết ra chứ đâu
bản mình đưa là bản cãi tiến của cái mà bạn hỏi đấy @@
Re: Xin hướng dẫn làm nút Like Dislike [✔]
- 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>
chèn vào cuối viewtopic
Similar topics
» [Thắc mắc] Nút like và dislike
» [Thắc mắc] sửa nút like và nút dislike[✔]
» Giúp mình bỏ nút like và thêm dislike, like khác
» [Thắc mắc] ai chèn giúp em nút like vs dislike
» [Thắc mắc] add nút like và dislike
» [Thắc mắc] sửa nút like và nút dislike[✔]
» Giúp mình bỏ nút like và thêm dislike, like khác
» [Thắc mắc] ai chèn giúp em nút like vs dislike
» [Thắc mắc] add nút like và dislike
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|