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

anhtran

Private
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

tarovip

Private
Ở 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: 27
  • chiacot_ok khi category thu 7.png
    chiacot_ok khi category thu 7.png
    37.6 KB · Lượt xem: 28

tarovip

Private
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
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
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

NDK

MasterSergeant
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
 

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