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://www.devs.cf

... khi thêm hash sẽ là:

http://www.devs.cf#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>