Bước 1: Sửa template
viewtopic_bodyTì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
https://devs.forumvi.com... khi thêm hash sẽ là:
https://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
