Hướng dẫn chia khu vực bài viết sticky và bài viết thường trong Xenforo

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:

sticky-png.15


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!
 
Sửa lần cuối:
có bài hướng dẫn rồi nha mấy bác.
bác jindo này có quan hệ gì với nsf của bác hùng hả ta?
 
sao k thấy ai share làm sao cả?
cái phần mà phân bằng hình ảnh có demo đó
 
cái #1 là làm bình thường. stick có 1 đường ngang thôi.
còn như e làm thì có bài hướng dẫn riêng rồi.
 
Back
Top