Chia subforum làm 1 cột trong xenforo

[NDK]

Xin được chia sẻ với các bạn cách chia subforum thành 2 cột (hoặc 3, 4, 5 cột gì đó tùy các bạn ) trong xenforo.Để dễ hình dung các bạn có thể xem hình sau

Hướng dẫn lun nào .Để làm được điều này, các bạn chỉ cần thêm đoạn code đơn giản vào Extra.css

.subForumsGrid { padding-right: 4px; }
.subForumsGrid .blockLinksGrid { width: 100%; display: inline-block; padding: 5px; }
.subForumsGrid .fullWidth { width: 100% !important; padding-bottom: 4px; }
.subForumsGrid .node { width: 20%; float: left; }
.subForumsGrid .node ol { padding-left: 10px; }
.subForumsGrid .node a { padding: 5px 10px 5px 18px; }
.subForumsGrid .node .node a { padding: 0px 10px 1px 18px; }
.subForumsGrid .node .nodeTitle { font-size: 11px; white-space: nowrap; overflow: hidden; }
.subForumsGrid .node div,
.subForumsGrid .node div a:hover{background-image: url('@imagePath/xenforo/widgets/read.png');background-repeat: no-repeat;background-position: 0px 50%;
}
.subForumsGrid .node div.unread,
.subForumsGrid .node div.unread a:hover{background-image: url('@imagePath/xenforo/widgets/unread.png');background-repeat: no-repeat;background-position: 0px 50%;
}

Trong đó các bạn chú ý đoạn :

.subForumsGrid .node { width: 20%; float: left; }

Đọạn này có tác dụng chia subforum thành 5 cột .Các bạn có thể thay đổi số cột của forum bằng cách thay số 20% bằng số tương ứng :

20%= 5 cột
25%= 4 cột
33%= 3 cột
50%= 2 cột
100%= khỏi chia làm gì

Quá ngon quá nguy hiểm , chôm chỉa ở đâu mà đem share . Chúc thành công

 

[Nguyễn Phú Hưng]

Xin được chia sẻ với các bạn cách chia subforum thành 2 cột (hoặc 3, 4, 5 cột gì đó tùy các bạn ) trong xenforo.Để dễ hình dung các bạn có thể xem hình sau

Hướng dẫn lun nào .Để làm được điều này, các bạn chỉ cần thêm đoạn code đơn giản vào Extra.css

.subForumsGrid { padding-right: 4px; }
.subForumsGrid .blockLinksGrid { width: 100%; display: inline-block; padding: 5px; }
.subForumsGrid .fullWidth { width: 100% !important; padding-bottom: 4px; }
.subForumsGrid .node { width: 20%; float: left; }
.subForumsGrid .node ol { padding-left: 10px; }
.subForumsGrid .node a { padding: 5px 10px 5px 18px; }
.subForumsGrid .node .node a { padding: 0px 10px 1px 18px; }
.subForumsGrid .node .nodeTitle { font-size: 11px; white-space: nowrap; overflow: hidden; }
.subForumsGrid .node div,
.subForumsGrid .node div a:hover{background-image: url('@imagePath/xenforo/widgets/read.png');background-repeat: no-repeat;background-position: 0px 50%;
}
.subForumsGrid .node div.unread,
.subForumsGrid .node div.unread a:hover{background-image: url('@imagePath/xenforo/widgets/unread.png');background-repeat: no-repeat;background-position: 0px 50%;
}

Trong đó các bạn chú ý đoạn :

.subForumsGrid .node { width: 20%; float: left; }

Đọạn này có tác dụng chia subforum thành 5 cột .Các bạn có thể thay đổi số cột của forum bằng cách thay số 20% bằng số tương ứng :

Quá ngon quá nguy hiểm , chôm chỉa ở đâu mà đem share . Chúc thành công

Hay cảm ơn bạn nhiều

 

[LinhAngel]

Sao lại bị lổi huhu

 

[NDK]

Sao lại bị lổi huhu

lỗi gì vậy ?

 

[zmanly]

Trường hợp chia cột sub-forum theo từng forum thì như thế nào bạn ?
Vị dụ như forum 1, chia sub thành 3 cột, forum 2, chia sub thành 5 cột

 

[NDK]

Trường hợp chia cột sub-forum theo từng forum thì như thế nào bạn ?
Vị dụ như forum 1, chia sub thành 3 cột, forum 2, chia sub thành 5 cột

Chưa nghe qua bao giờ.
Mình chỉ nghe chia toàn bộ sub forum chứ chưa nghe chia từng cái

 

[Breakheart]

Sao em làm không được bác nhỉ cũng ko có lỗi luôn em muốn co khoảng cách lại như hình hoặc phân nó làm 2 cột mà ko đc ạ

 

[NDK]

Bạn có mở chức năng "Show sub-forum" không nhỉ ?

 

[Breakheart]

Bạn có mở chức năng "Show sub-forum" không nhỉ ?

Em làm đc rồi bác ạ. chỉ cần thêm đoạn code này vào extra.css là đc

/** two sub forums **/

.nodeList .node .subForumList li {
     width: 40%;
}

 

[toiyeuai1242]

Em làm đc rồi bác ạ. chỉ cần thêm đoạn code này vào extra.css là đc

/** two sub forums **/

.nodeList .node .subForumList li {
     width: 40%;
}

thank bạn của bạn là dùng rất tốt thank