nttruong
MasterCorporal
Đây là một thủ thuật css nhỏ để giúp cho chúng ta có thể phân chia khu vực bài viết đã được sticky và bài viết thường trong Xenforo.
Demo:
Cách làm:
1> Tìm và mở template thread_list, tìm đoạn code:
Thêm vào bên dưới:
2> Tìm và mở teamplate discussion_list.css, thêm vào cuối cùng template đoạn code sau:
Đến đây là thành công. bạn có thể tùy chỉnh "height" ở đây để tăng khoảng cách như mong muốn!
Chúc thành công!
Demo:
Cách làm:
1> Tìm và mở template thread_list, tìm đoạn code:
Mã:
<xen:foreach loop="$stickyThreads" value="$thread">
<xen:include template="thread_list_item" />
</xen:foreach>
Thêm vào bên dưới:
Mã:
<xen:if is="{$stickyThreads}">
<hr class="stickySeparator"/>
</xen:if>
2> Tìm và mở teamplate discussion_list.css, thêm vào cuối cùng template đoạn code sau:
Mã:
.stickySeparator {
height: 10px;
background-color: #f5f5f5;
border-style:solid;
border-color: #ededed;
border-top-style: none;
border-left-style: none;
border-right-style: none;
padding: 0px;
margin: 0px;
}
Đến đây là thành công. bạn có thể tùy chỉnh "height" ở đây để tăng khoảng cách như mong muốn!
Chúc thành công!
Bài viết liên quan
Bài viết mới