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

[PVS]

Ở 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 đó:

/*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​

 

[NDK]

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

/*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

 

[Thiện Nguyễn]

Chia 2 cột cho chuyên mục khi đang truy cập bằng Máy tính còn khi truy cập bằng điện thoại chỉ hiện 1 cột. có bác nào biết không ạ. chỉ em với

 

[NDK]

Chia 2 cột cho chuyên mục khi đang truy cập bằng Máy tính còn khi truy cập bằng điện thoại chỉ hiện 1 cột. có bác nào biết không ạ. chỉ em với

k hiểu tại sao bạn lại muốn chia 2 cột ở giao diên mobile nhỉ ?

 

[Thiện Nguyễn]

k hiểu tại sao bạn lại muốn chia 2 cột ở giao diên mobile nhỉ ?

bạn hiểu sai ý mình rồi. mình muốn chia 2 cột ở giao diện PC và hiện 1 cột ở giao diện mobile. mình đang hỏi làm cách nào để làm được như vậy.

 

[NDK]

nếu giao diện thì do có responsive . nó sẽ tự động rút gọn lại chứ vẫn giữ nguyên code chia 2 cột này . Cách tốt nhất là dùng 1 giao diện mobile riêng và sử dụng add-on Mobile Switcher gì đó . Hiện tại mình chỉ biết được nhiêu đó

 

[Thiện Nguyễn]

mình làm đc rồi bạn ^^. cám ơn bạn nhiều. chỉnh sửa code bạn share là đc

 

[THB]

cái này quá chuẩn. dùng của @share4web (của @PVS chưa test)
nó có dạng như sau:
category
1.4rum1 2. 4rum2
3. 4rum4 4. 4rum4

up lên cho ae nào cần. Hay quá.

 

[Thiện Nguyễn]

cái này quá chuẩn. dùng của @share4web (của @PVS chưa test)
nó có dạng như sau:
category
1.4rum1 2. 4rum2
3. 4rum4 4. 4rum4

up lên cho ae nào cần. Hay quá.

Cái của @PVS cũng giống của bạn @share4web nhưng cái của share4web thì khi sử dụng mobile nó sẽ chuyển thành 1 cột, sẽ đẹp và gọn gàng hơn. Còn dùng theo của PVS bạn phải canh tỉ lệ sao cho trên máy tính cũng 2 cột và đt cũng phải hiện ra 2 cột (sửa cái này width: 49%; ở chỗ ".node .forum.level_2, .node .page.level_2, .node .category_forum.level_2")

 

[Coolboyhn]

bạn hiểu sai ý mình rồi. mình muốn chia 2 cột ở giao diện PC và hiện 1 cột ở giao diện mobile. mình đang hỏi làm cách nào để làm được như vậy.

Cho nó vào responsive chỉnh 50% thành 100%

 

[Du Nguyen]

mình làm theo cách của bạn share4web chia ra được nhưng sao nó tạo thêm thanh cuộn dọc nữa, có cách nào khắc phục không vậy các bạn?

 

[THB]

cho cái hình đi bác

 

[Du Nguyen]

Giải quyết được rồi xóa overflow: auto; trong
.nodeList {
overflow: auto;
}

 

[Du Nguyen]

cho cái hình đi bác

thanks bác nha mình làm được rồi

 

[anhtuan_vh3]

mình làm xong ok rồi, nhưng nó lịa ko hiện bài viết mới nhất cho từng forum nữa. làm sao để nó hiện lại dc vậy? hoặc cho hiện thêm vài bài viết nữa thì làm thế nào?

 

[phuongtesc]

Mình muốn chia hai cốt cho 1 Category nhất định thì phải làm sao bạn, thanks

 

[THB]

dùng addon node gird nha bạn

 

[bui hung]

làm sao chia 2 cột mà vẫn hiện bài viết mới được nhỉ

 

[anhtran]

@Admin cho em hỏi em chỉ muốn chia làm 2 cột khi click vào forum đó, còn ở trang chủ thì giữ nguyên thì làm thế nào ạ. Code như của các bác thì nó chia cả ở ngoài trang chủ và ở bên trong đều chia làm 2 cột

 

[THB]

@Admin cho em hỏi em chỉ muốn chia làm 2 cột khi click vào forum đó, còn ở trang chủ thì giữ nguyên thì làm thế nào ạ. Code như của các bác thì nó chia cả ở ngoài trang chủ và ở bên trong đều chia làm 2 cột

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.
mà sao ra luôn bên trong nhỉ? link site bác?
à vnxf ko có ADMIN NHÉ.