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

nttruong

MasterCorporal
Tham gia
25/02/2015
Bài viết
368
Được Like
614
Đâ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!
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,462
Được Like
1,205
Cái này ngon...
Đỡ tốn cái addon.
Hehe :D
 
  • Like
Reactions: THB

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,462
Được Like
1,205
Xếp ơi thêm 2 cái dòng này nữa để max option luôn đi xếp
1.png
 
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,650
Được Like
3,939
Sửa lần cuối:

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,462
Được Like
1,205
  • Like
Reactions: THB

Gia Khang

Gefreiter
Tham gia
02/03/2015
Bài viết
69
Được Like
110
bây giờ bạn gửi demo đã chia bài viết sticky và bài viết thường đây mình hướng dẫn chèn giống như trên cho nhé
 

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,650
Được Like
3,939
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?
 

NDK

MasterSergeant
Tham gia
16/03/2015
Bài viết
830
Được Like
743
ai làm đc cái này chưa nhỉ
 
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,650
Được Like
3,939
được mà khoa?
 

NDK

MasterSergeant
Tham gia
16/03/2015
Bài viết
830
Được Like
743
sao k thấy ai share làm sao cả?
cái phần mà phân bằng hình ảnh có demo đó
 

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,650
Được Like
3,939
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.
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom