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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,989
Được Like
12,732
Ở 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​
 

NDK

MasterSergeant
Tham gia
16/03/2015
Bài viết
829
Được Like
742
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
 
Tham gia
04/05/2015
Bài viết
41
Được Like
38
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 :(
 
  • Like
Reactions: NDK

NDK

MasterSergeant
Tham gia
16/03/2015
Bài viết
829
Được Like
742
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ỉ ?
 
Tham gia
04/05/2015
Bài viết
41
Được Like
38
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

MasterSergeant
Tham gia
16/03/2015
Bài viết
829
Được Like
742
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 đó :)
 
  • Like
Reactions: THB
Tham gia
04/05/2015
Bài viết
41
Được Like
38
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
 
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,651
Được Like
3,934
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á.
 
Tham gia
04/05/2015
Bài viết
41
Được Like
38
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")
 
  • Like
Reactions: THB

Du Nguyen

Private
Tham gia
02/07/2015
Bài viết
5
Được Like
5
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?
 
  • Like
Reactions: THB

anhtuan_vh3

Gefreiter
Tham gia
08/04/2015
Bài viết
73
Được Like
35
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?
 
  • Like
Reactions: THB

phuongtesc

Gefreiter
Tham gia
30/05/2015
Bài viết
56
Được Like
31
Mình muốn chia hai cốt cho 1 Category nhất định thì phải làm sao bạn, thanks
 
  • Like
Reactions: THB

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 nha bạn
 

bui hung

Corporal
Tham gia
16/05/2016
Bài viết
111
Được Like
79
làm sao chia 2 cột mà vẫn hiện bài viết mới được nhỉ
 

anhtran

Private
Tham gia
04/06/2015
Bài viết
17
Được Like
8
@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
 
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,651
Được Like
3,934
@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É.
 

Top Bottom