Ẩn bài viết đầu tiên khi qua trang cho PunBB
Giới thiệu
Code này giúp ẩn bài viết đầu tiên khi qua những trang sau giúp các bạn dễ theo dõi bài viết đồng thời có thể xem lại một cách nhanh chóng .Demo
Khi tắt script của trình duyệt
Hướng dẫn
Bước 1
ACP >> QUẢN LÝ TỔNG THỂ >> Messages and e-mails >> Cấu hình diễn đànAlways show the first post in the topics: Có
Bước 2
ACP >> Modules >> HTML & JAVASCRIPT >> Javascript Codes >> Create a new javascriptTitle * : Fphm js (hoặc gì cho dễ nhớ cho tiện thao tác sau này tùy ý bạn.)
Placement : In the topics
Javascript Code * :
- Code:
$(function() {
$("#first-post-br").next(".post").find(".fphm").addClass("hspost");
$(".hspost").each(function() {
var a = $(".paging:first").find("b").text();
$(this).before('<p id="clickys">Bạn đang xem Trang thứ <b>' + a + " </b>của bài viết, click để xem nội dung của bài viết đầu tiên.</p>")
});
$("#clickys").click(function() {
$(".fphm").css("display", "block");
$(this).hide()
})
});
Bước 3
ACP >> Display >> Templates >> Quản Lý Tổng Thể >> viewtopic_bodyChèn đoạn code này vào đầu viewtopicbody
- Code:
<style>
.clicknos,#clickys{display:block;width:98%;font:13px/40px arial,sans-serif;-webkit-appearance: none;-moz-appearance: none;appearance: none;height:40px;margin:30px auto;opacity:.7;text-align:center;cursor:pointer;
border:1px solid #ffccbf;
color:#cc7e6a;
background:#ffebe6
}
#first-post-br + .post .clicknos:hover,#clickys:hover{opacity:1}
.clicknos:after{content:"Click để xem nội dung của bài đầu tiên";text-align:center;line-height:40px;display:block}
#first-post-br + .post .fphm,.clicknos,#first-post-br + .post .clicknos:checked{display:none}
#first-post-br + .post .clicknos:checked + .fphm{display:block}</style>
<noscript><style>
.clicknos {display: block}
</style></noscript>
Tìm đoạn từ <!-- BEGIN first_post_br --> đến <!-- END first_post_br --> xóa đi (nếu tìm không thấy thì bỏ qua)
Tìm đoạn:
- Code:
<div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
- Code:
<!-- BEGIN first_post_br -->
</div>
<div class="main-content topic">
<hr id="first-post-br" />
<!-- END first_post_br -->
Tìm đoạn:
{postrow.displayed.MESSAGE}
Sửa thành:
- Code:
<input type="checkbox" class="clicknos" value="">
<div class="fphm">{postrow.displayed.MESSAGE}</div>