Cách chia 2 cột cho chuyên mục xenforo

anhtran

Private
Tham gia
04/06/2015
Bài viết
17
Được Like
8
em đang làm trên local thôi bác khi nào hoàn chỉnh em mới thay cho site chính. Đúng rồi bác khi vào bên trong thì những cái subforum ở bên ngoài nó chia làm 2 cột khi dùng code này giống như bên ngoài trang chủ. Bây giờ em muốn nó chỉ chia ra làm 2 cột ở bên trong thôi còn bên ngoài thì giữ nguyên một cột bác giúp em vs
 
  • Like
Reactions: THB

anhtran

Private
Tham gia
04/06/2015
Bài viết
17
Được Like
8
thak bác em phải dùng kết hợp cả 2 mới dc
 
  • Like
Reactions: THB

anhtran

Private
Tham gia
04/06/2015
Bài viết
17
Được Like
8
tiện đây bác cho em hỏi bác có share code nút đăng bài nhanh giống nhattao không ạ
 
  • Like
Reactions: THB

tarovip

Private
Tham gia
13/10/2016
Bài viết
34
Được Like
12
Ở bài này, mình sẽ hướng dẫn cách chia 2 cột cho chuyên mục xenforo bằng cách chỉnh sửa file css.
Các bạn chú ý: Đây là hướng dẫn chia cột cho chuyên mục (category) chứ k phải cho sub forum xenforo.

Vào chỉnh sửa style, vào EXTRA.CSS
Thêm vào sau đó:
Mã:
/*Categories in two columns*/
.node .nodeText {
margin-right: 0 !important;
}
.node .nodeLastPost, .node .tinyIcon {
display: none !important;
}
.node .forum.level_2, .node .page.level_2, .node .category_forum.level_2 {
width: 49%; float: left; min-height: 70px;
}
.nodeList .node.level_1 {
clear: both;
}

Ở phần width, bạn có thể thay đổi nó để phù hợp với style đang dùng.


Nguồn: muaban47.net​
Giúp mình với bác ơi,
thêm category thứ 8 là code nó hết ăn, (ban đầu 7 category thì chia cột ngon lành, đến cái thu 8 là về y hiện trạng cũ, ko chia dc cột)

demo web
 

Đính kèm

  • chiacot.png
    chiacot.png
    37.4 KB · Lượt xem: 28
  • chiacot_ok khi category thu 7.png
    chiacot_ok khi category thu 7.png
    37.6 KB · Lượt xem: 29

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,651
Được Like
3,934
dùng addon node gird cho nhanh bạn
 

tarovip

Private
Tham gia
13/10/2016
Bài viết
34
Được Like
12
dùng addon node gird cho nhanh bạn
mình cũng đang dùng, nhưng do 1 category chứa nhiều sản phẩm - 1sp là 1 chuyên mục forum riêng nên chia cột ra coi bộ thẩm mỹ hơn. Hic chưa tìm ra tại sao code trong extra.css nó ko chịu ăn nữa T_T
 
  • Like
Reactions: THB

omaivn

Private
Tham gia
21/12/2016
Bài viết
2
Được Like
0
Xin hỏi chút mình muốn chia 2 cột và hiện Sub Forum nhưng vẫn không bị lệch cột thì làm thế nào. Vì có nhiều cái không có sub, cái có sub sẽ bị lệch. Bác nào giúp phát.
 

best2017

Private
Tham gia
26/10/2017
Bài viết
16
Được Like
4
sử dụng cái này có vẻ tốt hơn và không bị lỗi thiếu đường viền forum
PHP:
/*Categories in two columns*/
#loginBarHandle {
    display: none;
}
.node .nodeLastPost, .nodeControls  {
    display: none;
}
.node .nodeText {
    margin-right: 10px!important;
}

.nodeList {
    overflow: auto;
}
.nodeList .categoryStrip {
    background-image: none!important;
}
.level_2 {
    width: 50%;
    float: left;
}
<xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveWideWidth) {
      .level_2 {
        width: 50%;
        float: left;
    }
    }

    @media (max-width:@maxResponsiveMediumWidth) {
      .level_2 {
        width: 50%;
        float: left;
    }
    }
@media (max-width:@maxResponsiveNarrowWidth) {
      .level_2 {
        width: 100%;
        float: left;
    }
    }
</xen:if>
thay width:50% bằng số cột bạn muốn :
-50%:2 cột
-30%:3 cột
-25%:4 cột
-20%:5 cột
quá tuyệt
 
  • Like
Reactions: THB

best2017

Private
Tham gia
26/10/2017
Bài viết
16
Được Like
4
dù trang nhạy cảm , nhưng mong addin giúp cho 1 lần
 

NDK

MasterSergeant
Tham gia
16/03/2015
Bài viết
829
Được Like
742
minh có trang nay http://gaigoisaithanh.com/forum/
yêu cầu làm boxchat và hiển thì bài mơi . mà minh ko có cách nào làm được
mong được giúp
1. Hiển thị bài mới bạn có thể dùng các add-on thống kê bài viết nhé:
[VNXF] Stats - Thống kê bài viết theo phong cách VNXF
Addon Brivium - Modern Statistics mới nhất

2./ Còn đây là add-on thêm box chat cho Forum của bác @PVS :
http://vnxf.vn/vnxf-taigachat-pro-v1-0-5-taigachat-pro-v1-1-1-viet-hoa.t981.html
 

Top Bottom