• Thiết kế website bán hàng miễn phí 2018

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

    Facebook Comments

    Tin Cùng Chuyên Mục

    Trang 1 / 1

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

    Go Top