Bạn chưa có Tài khoản Diễn đàn?  Tạo một tài khoản

Đăng nhập

Duy trì trạng thái đăng nhập
Không thể truy cập vào tài khoản của bạn?

Hoặc


VIETAF - VIET NAM AGRICULTURE AND FISHERIES

Diễn Đàn Chăn Nuôi Việt Nam Online

Cộng đồng Chăn Nuôi

Tham gia thảo luận, chia sẻ kiến thức lĩnh vực Chăn Nuôi và tìm cho mình cơ hội việc làm tốt nhất.

Chia sẻ giao tiếp nhanh chóng

Bạn cần lời khuyên ngay? Hãy nhấn vào biểu tượng chat ngay với hỗ trợ và thành viên khác để có được lời khuyên tốt và tin cậy nhất!

Phản ảnh đa chiều kiến thức chăn nuôi

Cập nhật nhanh các kiến thức chuyên ngành và chia sẻ với mọi người một cách trực quan nhất.

Bạn có biết?

Bạn có thể kết nối với chúng tôi qua Facebook Youtube hoặc Blogger

Kết quả cho từ khoá ""

Đăng ký
Hỗ Trợ Trực Tuyến

VIETAF - Diễn Đàn Chăn Nuôi Việt Nam

VIETAF - Diễn Đàn Chăn Nuôi Việt Nam | Giúp nhà nông chăn nuôi thành công

Lên đầu trang
Chào mừng bạn đến với diễn đàn VIETAF - Diễn đàn Chăn Nuôi Việt Nam Online
Địa chỉ hiện tại của diễn đàn là www.vietaf.com
Vui lòng gửi cho chúng tôi một email về info@dntgiang.com nếu bạn có bất kỳ góp ý nào về diễn đàn và nhận 10 điểm tín nhiệm
Bạn có nguyện vọng đóng góp vào diễn đàn? Gửi yêu cầu về info@dntgiang.com và tham gia với chúng tôi ngay.
LIÊN HỆ QUẢNG CÁO info@dntgiang.com

Thành viên nổi bật



You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down   Thông điệp [Trang 1 trong tổng số 1 trang]

1 #on 25/07/09, 02:38 pm

avatar

quantrivien
avatar

quantrivien

Ảnh Bìa : gcover_photo

Giới tính : Nam

Tổng số bài gửi : 18

Uy tín : 16

Tuổi : 26

Status : (¨`•.•๑۩۞۩๑♥•__không bao giờ bán đứng pạn pè__•♥๑۩۞۩๑•.•´¨)


Member

Member
Tạo menu dạng cây thư mục vào blog




Make a D'tree Menu at Blog
[FD's Blog] -Trước khi giới thiệu bài viết này, Ngankvn có góp ý là các blogger đa phần xài menu ngang có sổ dọc xuống. Và xin giới thiệu thêm là menu ngang dạng sổ xuống mình có giới thiệu rồi, và bài viết này mình xin bổ xung thêm một kiểu menu khác vào trong kho thủ thuật blog của mình. Người này thích cái này, người nọ thích cái khác, cho nên thủ thuật này không phải là không cần thiết.


Hình ảnh minh họa:


►Bây giờ bắt đầu cài đặt:
1. Đăng nhập blog
2. Vào Bố Cục (Layout)
3. Vào chỉnh sửa Code HTML (Edit HTML)
4. Chèn đọan code CSS bên dưới vào ngay trên dòng </head>

<link rel="StyleSheet" href="http://ahom24.googlepages.com/dtree.css" type="text/css" />

<script type="text/javascript" src="http://ahom24.googlepages.com/dtree.js"></script>



5. Save template lại.
6. Vào Bố cục -> Phần tử trang -> tạo một Widget HTML/Javascript.
7. Chèn đọan code bên dưới vào Widget vừa tạo:

<div class="dtree">

<!-- Có thể bỏ đọan code này nếu bạn muốn -->

<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p>

<!-- Có thể bỏ đọan code này nếu bạn muốn -->


<script type="text/javascript">

d = new dTree('d');

d.add(0,-1,'Home','[You must be registered and logged in to see this link.]');


d.add(1,0,'Main Menu 1')

d.add(2,0,'Main Menu 2','','','','URL Image of Main Menu 2');
d.add(10,2,'Sub Menu 2.1','Link Sub Menu 2.1','','','Link Image of Sub Menu 2.1');
d.add(20,2,'Sub Menu 2.2','Link Sub Menu 2.2','','','Link Image of Sub Menu 2.2');
d.add(30,2,'Sub Menu 2.3','Link Sub Menu 2.3','','','Link Image of Sub Menu 2.3');
d.add(40,2,'Sub Menu 2.4','Link Sub Menu 2.4','','','Link Image of Sub Menu 2.4');
d.add(50,2,'Sub Menu 2.5','Link Sub Menu 2.5','','','Link Image of Sub Menu 2.5');


d.add(3,1,'Main Menu 3','');
d.add(10,3,'Sub Menu 3.1','Link Sub Menu 3.1');
d.add(20,3,'Sub Menu 3.2','Link Sub Menu 3.2');
d.add(30,3,'Sub Menu 3.3','Link Sub Menu 3.3');
d.add(40,3,'Sub Menu 3.4','Link Sub Menu 3.4');
d.add(50,3,'Sub Menu 3.5','Link Sub Menu 3.5');

d.add(4,1,'Main Menu 4');
d.add(10,4,'Sub Menu 4.1','Link Sub Menu 4.1');
d.add(20,4,'Sub Menu 4.2','Link Sub Menu 4.2');
d.add(30,4,'Sub Menu 4.3','Link Sub Menu 4.3');
d.add(40,4,'Sub Menu 4.4','Link Sub Menu 4.4');
d.add(50,4,'Sub Menu 4.5','Link Sub Menu 4.5');



d.add(5,0,'Main Menu 5','Link URL Main Menu 5','{Your Text}','','Link Image for Main Menu 5');
d.add(6,0,'Main Menu 6','Link URL Main Menu 6','{Your Text}','','Link Image for Main Menu 6');
d.add(7,0,'Main Menu 7','Link URL Main Menu 7','{Your Text}','','Link Image for Main Menu 7');

d.add(8,0,'Recycle Bin','Link URL','Recycle bin','','[You must be registered and logged in to see this link.]');

document.write(d);

</script>
</div>



8. Save lại.

►Đọc hiểu code:
- Các dòng code màu đỏ là link liên kết của bạn.
- Các dòng code màu xanh là link ảnh (icon cho menu)
- [You must be registered and logged in to see this link.] : thay bằng blog của bạn.
- Để thêm các menu chính bạn thêm code sau:

d.add(9,0,'Main Menu 9','Link URL Main Menu 9','{Your Text}','','Link Image for Main Menu 9');
d.add(10,0,'Main Menu 10','Link URL Main Menu 10','{Your Text}','','Link Image for Main Menu 10');


- Và thêm các menu phụ thì bạn thêm như sau, ví dụ menu phụ cho Main Menu 9:

d.add(9,0,'Main Menu 9','Link URL Main Menu 9','{Your Text}','','Link Image for Main Menu 9');
d.add(10,9,'Sub Menu 9.1','Link Sub Menu 9.1');
d.add(20,9,'Sub Menu 9.2','Link Sub Menu 9.2');
d.add(30,9,'Sub Menu 9.3','Link Sub Menu 9.3');
d.add(40,9,'Sub Menu 9.4','Link Sub Menu 9.4');
d.add(50,9,'Sub Menu 9.5','Link Sub Menu 9.5');


Lưu ý là các số 10, 20, 30 phải liên tục.

►Một lưu ý cuối cùng: có thể tiện ích sẽ không hiển thị được, điều này là do 2 link:

[You must be registered and logged in to see this link.]

[You must be registered and logged in to see this link.]


Hết Bandwidth. do đó nếu chắc thì bạn download 2 file này về và up lên host của riêng mình (tránh trường hợp xài chung sẽ dẫn đến hết bandwidth).

Nếu hết bandwidth mà bạn vẫn chưa down được, có thể vào đây tìm, (gõ từ khóa dtree.cssdtree.js sẽ có kết quả)
Chúc các bạn thành công.
Nguồn BlogTutotail


Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down   Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

Style of Google. Code by Juskteez