Help Hỏi chia diễn đàn xenforo thành 2 cột

hungtq8

Thượng Đế
Tham gia
14/11/2020
Bài viết
26
Được Like
12
Chào các bác, minh mới làm xenforo đã tim khắm nơi trên diễn đàn và google mà vẫn không làm được
Mình muốn chia các forum thành 2 cột như ảnh mà làm theo hướng dân không được, nhờ các bạn hướng dẫn
29795128158_f319f3ee4f_o.png
 
Sửa lần cuối:

thahtrung06

Thượng Đế
Tham gia
12/11/2019
Bài viết
788
Được Like
337
Bạn sử dụng CSS để hiển thị lại bố cục của Sub Node nhé!
Thêm vào file extra.less
CSS:
.node-subNodeFlatList>li {
    display: inline-block;
    margin-right: 5em;
    width:30%;
}
Và kết quả là:

demo.png
 
Sửa lần cuối:

hungtq8

Thượng Đế
Tham gia
14/11/2020
Bài viết
26
Được Like
12
Chào các bạn
Sau khi gâm cứu thì mình phát hiện ra là các class của phiên bản 1 và 2 khác nhau. và mình đã chỉnh lại như sau
Thêm vào file extra.less
CSS:
.pairs.pairs--inline>dt, .pairs.pairs--inline>dd {
    display: none;
}
.node-extra {

    display: none;
}
.block-body {
 
      display: inline-table;
}
.node-body {
    display: table;
    table-layout: fixed;
    /* width: 100%; */
    width: 50%;
    float: left;}
.block-container {
    display: grid;
}

Và kết quả
Capture.PNG


Xem trực tiếp tại đây nhé https://chodientu.edu.vn/
 

thahtrung06

Thượng Đế
Tham gia
12/11/2019
Bài viết
788
Được Like
337
Chào các bạn
Sau khi gâm cứu thì mình phát hiện ra là các class của phiên bản 1 và 2 khác nhau. và mình đã chỉnh lại như sau
Thêm vào file extra.less
CSS:
.pairs.pairs--inline>dt, .pairs.pairs--inline>dd {
    display: none;
}
.node-extra {

    display: none;
}
.block-body {

      display: inline-table;
}
.node-body {
    display: table;
    table-layout: fixed;
    /* width: 100%; */
    width: 50%;
    float: left;}
.block-container {
    display: grid;
}

Và kết quả View attachment 38736

Xem trực tiếp tại đây nhé https://chodientu.edu.vn/
Làm như bạn có nhược điểm là khi khách truy cập vào diễn đàn sẽ không nhìn thấy tiêu đề bài viết mới nhất, phải vào từng box mới nhìn thấy tiêu đề bài viết. Bạn nên chỉnh lại
 

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

XenForo 1 XenForo 2
Translate by PVS

Hosting Giá rẻ

hosting free
hosting free
Top Bottom