[vbb] Expand Menu For vBA CMPS (Menu cây thư mục cho trang chủ CMPS) - Megaupload, Mediafire, Rapidshare, Hotfile

**Seeker** · #1 08-07-2009, 04:52 PM

1. Expand Menu là gì ?

Là 1 menu có thể mở rộng và thu gọn, mở rộng (dốt văn quá nên miêu tả hơi khó hiểu

) . Đại loại nó giống như Windows Explorer, , cái cây thư mục bên trái, khi bạn Click vào dấu + thì nó xổ ra, click vô dấu - thì nó thu lại. Nói rườm rà thế, coi demo hiểu ngay.

Live Demo || Video Demo

2. Thực hiện:

1. Up thư mục menu ngang hàng với file index của CMPS

2. Vào Admincp/vBa CMPS/Add Modules , chọn [Template Module] . Sau đó điền các thông số như sau:
Module Title: Menu (Tùy chọn)
Template to Include: điền thêm là menu (tùy chọn)
Style : chọn skin mặc định (skin bạn đang dùng)
Template Content : điền vào đoạn code

Code - [#]

<script type="text/javascript" src="menu/dtree.js"></script>
<tr><td class="alt1">
<div style="padding-bottom: 5px">
<script type="text/javascript">
    d = new dTree('d', 'menu/');
    d.add(0,-1, '<font color="red"><b> CATEGORY</b></font>'); 
    d.add(1, 0, 'Portal', 'http://sharingcentre.info/index.php', 'Portal', 'blank', '', '');
    d.add(2, 0, 'Forum', 'http://sharingcentre.info/forum/', 'Forum', 'blank', '', '');
        d.add(100, 2, 'Antivirus', 'http://sharingcentre.info/forum/antivirus-security/', 'Sub Title 1', '', '', '');
        d.add(101, 2, 'Authoring', 'http://sharingcentre.info/forum/authoring-tools/', 'Sub Title 2', '', '', '');
        d.add(102, 2, 'MultiMedia', 'http://sharingcentre.info/forum/audio-video-tools/', 'Sub Title 2', '', '', '');
    d.add(3, 0, 'Box 3', 'http://sharingcentre.info/forum/nulled-scripts/', 'Free Scripts &amp; Full', 'blank', '', '');

    document.write(d);
</script></div>
</td></tr>

Mấy cái tùy chỉnh còn lại là linh tinh, tự hiểu

, tốt nhất đừng đá động tới nó

, cho cái hình minh họa cho thêm màu sắc

Save lại cái.

Nếu làm đúng các bước sẽ xuất hiện thông báo

Click vô Continue để add vào 1 trang của CMPS.

Chọn như trong hình

, nếu ko thì tùy bạn, muốn đặt đâu đặt

. Save

Rùi, quay lại trang CMPS, refesh

Giải thích code 1 tý :

bạn chỉ cần chú ý đoạn sau:

Code - [#]

    d.add(1, 0, ' Portal', 'http://sharingcentre.info/index.php', 'Portal', '', '', '');
    d.add(2, 0, 'Forum', 'http://sharingcentre.info/forum/', 'Forum', '', '', '');
        d.add(100, 2, 'Antivirus', 'http://sharingcentre.info/forum/antivirus-security/', 'Sub Title 1', '', '', '');
        d.add(101, 2, 'Authoring', 'http://sharingcentre.info/forum/authoring-tools/', 'Sub Title 2', '', '', '');
        d.add(102, 2, 'MultiMedia', 'http://sharingcentre.info/forum/audio-video-tools/', 'Sub Title 2', '', '', '');
    d.add(3, 0, ' Box 3', 'http://sharingcentre.info/forum/nulled-scripts/', 'Free Scripts &amp; Full', 'blank', '', '');

Code trên nghĩa là có 3 box cấp 1 là : Portal , Forum, và Box 3
Box Forum có 3 box cấp 2 ( là box con của nó ) : Antivirus, Authoring, MultiMedia

Bạn phải chú ý những thông số bắt buộc, phải điền cho đúng:

Các số 1 ,2 ,3 là số thứ tự của các box cấp 1
Các số 2 nghĩa là nó là con của box 2 .
Các số 100, 101, 102 , ko quan trọng lắm, chỉ là thứ tự của các Box con của 2 , nhưng nó ko được phép trùng với các con số các box khác, (kinh nghiệm là điền số lớn lớn tý để tránh rắc rối về sau )
Các tùy chỉnh màu xanh thì có lẽ ai cũng biết, khỏi nói , các thông số bỏ trống ko cần quan tâm . Ai quan tâm cứ hỏi

3. Menu trống rỗng , tại sao ?

Coi lại code, chú ý là nếu bạn chỉnh sửa thì chỉ sai 1 dấu ' thôi cũng ko hiện. Code trên tôi đã test và working tốt
Đã up cái thư mục menu đúng vị trí chưa

Chú ý : dóng cuối cùng menu của code phải ko có subbox, nếu ko sẽ lỗi, vẫn chưa biết fix

By Seeker