- Tham gia
- 28/02/2015
- Bài viết
- 17,151
- Được Like
- 12,746
Hôm nay mình sẽ hướng dẫn các bạn chỉnh sửa css để tùy biến hiện thị sub forum đẹp đối với xenforo.
Cách làm khá đơn giản.
Đầu tiên bạn vào admin, chọn template đang sử dụng và thêm đoạn css sau vào "EXTRA.css"
Tiếp theo thêm vào dưới cùng 4 template
Và cuối cùng, vào template sau
Cách làm khá đơn giản.
Đầu tiên bạn vào admin, chọn template đang sử dụng và thêm đoạn css sau vào "EXTRA.css"
Mã:
.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%;
}
Tiếp theo thêm vào dưới cùng 4 template
- node_category_level_2
- node_forum_level_2
- node_link_level_2
- node_page_level_2
Mã:
<xen:if is="{$level} == 2 AND {$renderedChildren}">
<li class="subForumsGrid">
<ol class="secondaryContent blockLinksList blockLinksGrid">
<xen:foreach loop="$renderedChildren" value="$child">
{xen:raw $child}
</xen:foreach>
</ol>
</li>
</xen:if>
Và cuối cùng, vào template sau
- node_category_level_n
- node_forum_level_n
- node_link_level_n
- node_page_level_n
Mã:
{xen:if $renderedChildren, ' fullWidth'}
Nguồn: muaban47.net
Bài viết liên quan
Bài viết mới