[Hỏi đáp] Tạo nhóm chuyên mục con như Xenforo

  Bài viết hay nhất1
Hỏi: Cho em xin cái chức năng chuyên mục con như của DEVs, em đang cần nó (như hình)
http://i.imgur.com/nO8D8GP.png

Đáp: http://devs.forumvi.com/t272-hoi-dap-xin-chuc-nang-chuyen-muc-con-devs?showpost=p1651
  Bài viết hay nhất2
Tạo nhóm các chuyên mục con trong một dropdown-menu theo phong cách Xenforo.



ACP >> Display >> Homepage >> Structure and hierarchy >> Hierarchy:
Sub-level links on index : Yes

ACP >> Display >> Templates >> QLTT >> Index_box:
Tìm:
Code:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
Thay bằng:
Code:
<span class="sub4r stat4r">{catrow.forumrow.LINKS}</span>

Đặt ở cuối index_box
Code:
<script type="text/javascript">
//<![CDATA[
/* subForum by Zzbaivong - devs.forumvi.com */
$(".sub4r.stat4r").each(function() {
    var sub = $(this);
    if (!sub.is(":empty")) {
        sub.contents().filter(function() {
            return this.nodeType === 3;
        }).remove().end().filter("a").wrap("<li></li>");
        sub.wrapInner('<ul class="subLink"></ul>').append("Diễn đàn con: <strong>" + sub.find("a").length + "</strong>");
    }
});
//]]>
</script>

ACP >> Display >> Pictures and Colors >> CSS Stylesheet:
Thêm vào CSS:
Code:
/* subForum by Zzbaivong - devs.forumvi.com */
.pun table .tcl{overflow:auto}
.stat4r{color:#888;font-size:12px;padding-right:10px}
.stat4r > strong{color:#333}
.sub4r.stat4r{position:relative}
.subLink{padding:0!important;position:absolute;display:none;left:0;list-style:none;background:#FFF;top:13px;z-index:30;min-width:97px;border:2px solid #666}
.sub4r.stat4r:hover .subLink{display:block}
.stat4r .subLink + strong{padding-right:15px;background:url(//i56.servimg.com/u/f56/18/59/49/93/arrow_10.png) no-repeat right center transparent}
.subLink li a{white-space:nowrap;height:20px;line-height:20px;display:block;padding:0 7px}
.subLink li a:hover{background:#f2f2f2}


Zzbaivong

Tags: #mod #template #xenforo #sub-forum
  Bài viết hay nhất3
e đã làm làm như a bảo, mà nó bị che mất.
link: http://enlovers.forumvi.com/
  Bài viết hay nhất4
http://devs.forumvi.com/t1172-hoi-ap-xin-code-box-con-giong-devs?showpost=p7553
Thử xem sao
You cannot reply to topics in this forum