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,204
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,204
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

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

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,462
Được Like
1,204
  • 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

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

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

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

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom