• Giao hàng miễn phí toàn quốc - TP HCM giao tận nơi
  • Balo PGYTECH ONE GO AIR - ONE MO 2
  • Smallrig phụ kiện hỗ trợ quay điện thoại Iphone
  • Smallrig phụ kiện cage, l plate, rig, tools
  • Tilta Phụ kiện chính hãng
  • Phụ kiện Gopro 11 10 9 8 7 6 5

Cách tạo sub forum, hiển thị sub forum trên xenforo

rước kia để chia cột cho các sub forum chúng ta cần phải sửa template rất nhiều, tuy nhiên xenForo hiện tại đã cho phép tùy chọn trong giao diện mà không cần sửa code nữa. Như các bạn thấy ở hình ảnh bên trên, các sub forum đã được chia cột rất ngay ngắn chỉ bằng cách click vào tùy chọn tại: Apperance > Style Properties > Forum List



Và bỏ dấu tích khỏi ô Show sub-forums popup

xenforo, sub forum, xenforo tutorial, xenforo tips, vxf, template, kid

Cách khác:
Các bạn đăng nhập AdminCP->Appearance->Templates->Extra.css
Thêm đoạn mã dưới vào.

Mã:
.subForumsGrid { padding-right: 4px; }
 
.subForumsGrid .blockLinksGrid { width: 100%; display: inline-block; }
 
.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%;
 
}

Thêm đoạn mã dưới vào cuối các Template sau :

  1. node_category_level_2
  2. node_forum_level_2
  3. node_link_level_2
  4. node_page_level_2
Mã:

 

  • Thêm vào dưới của dòng đầu tiên của các Template dưới đây :

    1. node_category_level_n
    2. node_forum_level_n
    3. node_link_level_n
    4. node_page_level_n
    Mã:
    {xen:if $renderedChildren, ' fullWidth'}
    Nếu muốn chia 02 cột hoặc điều chỉnh chiều rộng thì sửa đoạn này nhé
    .subForumsGrid .node { width: 20%; float: left; }
    Share facebookShare facebook

    Tin Cùng Chuyên Mục

    Trang 1 / 1

    Bạn đã đọc tin này chưa ?

    Go Top
    Chat hỗ trợ
    Chat ngay