[Hỏi đáp] Code vote mới hiện link

  Bài viết hay nhất1
Hỏi: Các anh có code dạng vote rồi mới hiện link không?
Nếu không thì cho em xin một code ẩn link với. Thank all.

Đáp: http://devs.forumvi.com/t282-hoi-dap-cho-xin-code-vote-hien-link?showpost=p1720
  Bài viết hay nhất2
Bước 1: Sửa template viewtopic_body
Tìm:
Code:
<div>{postrow.displayed.MESSAGE}</div>
Sửa thành:
Code:
<div<!-- BEGIN switch_vote_active --><!-- BEGIN switch_vote --> class="zzVoteHidden{FORUM_ID}"<!-- END switch_vote --><!-- END switch_vote_active -->>{postrow.displayed.MESSAGE}</div>

Bước 2: Thêm vào CSS
Code:
.zzVoteHidden<FORUM_ID> a{display:none}
Trong đó: <FORUM_ID> là số ID của chuyên mục cần ẩn link. Ví dụ:
ID của chuyên mục là 99 thì code CSS trên sẽ là:
Code:
.zzVoteHidden99 a{display:none}
Lúc này, tất cả link ở chuyên mục 99 đều bị ẩn, chỉ khi vote mới hiện.

Nếu bạn muốn chỉ ẩn ở bài viết đầu tiên thì dùng CSS sau:
Code:
.post:first-child .zzVoteHidden<FORUM_ID> a{display:none}

Nếu muốn dùng trên nhiều chuyên mục thì lặp lại bước 2 cho từng ID khác nhau.

Nếu bạn không muốn giới hạn, mà sử dụng ở toàn bộ diễn đàn thì xóa {FORUM_ID} trong code bước 1, và <FORUM_ID> trong code bước 2.

Nếu bạn muốn tự chọn link để ẩn thì có 2 cách:
Cách 1: Thêm hash zzhidden vào link. Ví dụ:
Link của bạn http://devs.forumvi.com
... khi thêm hash sẽ là:
http://devs.forumvi.com#zzhidden
... nó sẽ không ảnh hưởng gì đến link của bạn nếu link bạn không có hash.
Sau đó bạn thêm vào CSS:
Code:
.zzVoteHidden<FORUM_ID> a[href$="#zzhidden"]{display:none}

Cách 2: Dùng BBcode table và đặt class zzhidden. Ví dụ:
Code:
[table class="zzhidden"]
[tr]
[td] http://devs.forumvi.com [/td]
[/tr]
[/table]
Sau đó bạn thêm vào CSS:
Code:
.zzVoteHidden<FORUM_ID> .zzhidden a{display:none}
Cách này dài dòng hơn 1 chút, nhưng bù lại link của bạn sẽ không bị tổn hại gì.

Nếu bạn dùng mod vote không chuyển trang thì thêm vào cuối template viewtopic_body:
Code:
<script type="text/javascript">
//<![CDATA[
$(function () {
   $(".post a[href*='eval='][href*='p_vote=']").click(function () {
      $(this).closest(".post").find("a[href$='#zzhidden'], table.zzhidden a").fadeIn()
   });
});
//]]>
</script>


Zzbaivong
  Bài viết hay nhất3
hay quá, cảm ơn nhiêu nhiều <3
  Bài viết hay nhất4
Cám ơn anh rất nhiều. Anh nhiệt tình thật. Chúc anh có thật nhiều may mắn.
  Bài viết hay nhất5
Bài hướng dẫn hay quá. Mình có thể mod thêm like mạng xã hội để xem link không Ad?
You cannot reply to topics in this forum