Hướng dẫn Tạo menu đẹp & hoàn toàn tự động cho theme (có mẫu

Phát triển các giao diện cho NukeViet 2.0 beta

Các điều hành viên: Hỗ trợ NukeViet, Phát triển NukeViet

Nội quy chuyên mục
- Khu vực này chỉ dành cho việc phát triển các Theme.
- Tên topic chính là tên Theme. Không được đặt tên Theme trùng với Theme đã có.
- Các thảo luận cho Theme nào phải được gửi ngay tại topic mà người đầu tiên gửi nó lên.
- Vui lòng không mở topic bắt đầu với câu hỏi và các yêu cầu trợ giúp tại đây. Topic vi phạm nội quy sẽ bị xóa ngay lập tức!
- Một theme mới khi giới thiệu cần cung cấp các thông tin sau:
  • Tên theme *:
  • Tác giả:
  • Ngày tạo:
  • Phiên bản:
  • Thể loại theme:
  • Demo Online:
  • Hướng dẫn cài đặt:
  • Ảnh chụp toàn cảnh *: (kích thước nhỏ hơn 600x400px)
Những mục có dấu * là thông tin bắt buộc.

Hướng dẫn Tạo menu đẹp & hoàn toàn tự động cho theme (có mẫu

Bài viết chưa xemgửi bởi laser » 18 Tháng 4 2009, 16:08

Xin nói thêm về phần quản lý module (dành cho các bạn phát triển hệ thống menu cho theme):

Từ trước đến nay, menu của NukeViet luôn là vấn đề được quan tâm nhưng chưa có xử lý nào cho là hiệu quả, kể cả việc cài thêm module menu. Để khắc phục vấn đề này một cách dứt điểm tôi sẽ hướng dẫn các bạn cách xử lý, các bạn viết theme lưu ý tận dụng tính này này sẽ có một theme với hệ menu đẹp & hoàn toàn tự động.

Đầu tiên, mời bạn xem demo mà tôi đã xử lý:
Demo sống: http://doson.vn
Ảnh chụp:
Hình ảnh
Đặc điểm và tính năng của menu này như sau:
- Menu tạo tự động, có thể tắt bật trong Admin Control Panel, xây dựng hoàn toàn trên nền NukeViet beta 2b gốc, ko sử dụng file JavaScript thêm nên ko sợ xung đột JavaScript.
- Có background nền khi di chuyển chuột qua.
- Có vạch đánh dấu ở vị trí hiện tại của module.

Hạn chế:
- Thứ tự menu xếp tự động theo ABC theo Tên (Rename) của module, bạn muốn thay đổi được trừ khi đặt số trước tên module :-
- Chỉ tạo được menu 1 cấp (mình có nghĩ tới hướng xử lý để menu đa cấp nhưng ko có thời gian làm demo, các bạn thử kết hợp với menu này xem sao: viewtopic.php?f=41&t=5200&start=70#p31291 )

Và đây là code mẫu cho menu dọc:
block-Modules.rar

Demo chính là hình chụp ở trên.

Hướng dẫn cho người viết code theme:
Muốn kiểm tra vị trí người dùng bạn sử dụng 2 biến $module_name và $home
Chú ý đoạn code mẫu:
Mã: Chọn tất cả
   if($home =="1"){
   $canh_home = $canh_menu;
    }else{
   $canh_home = $canh_khac;
    }

    if ($module_name == "Your_Account") {
   $canh_user = $canh_menu;
    }else {
    $canh_user = $canh_khac;
    }

$home =="1": kiểm tra người dùng có ở trang chủ site không.
$module_name == "Tên module": Kiểm tra người dùng ở module cụ thể.

Như vậy việc thể hiện nổi bật menu hiện tại kiểu như sau cho menu ngang (xem hình dưới) cũng tương tự như mẫu menu dọc mình đã làm.
Hình ảnh

Điều khiển các mục trong menu như thế nào?
Việc này tận dụng các chức năng có sẵn của NukeViet mà từ trước tới nay các bạn ít để ý, đó là tính năng "Cho block modules hiển thị?" mỗi khi bạn đổi tên module trong Admin Control Panel. (xem hình dưới)
Hình ảnh

Biến quy định và kiểm tra việc này là biến $inmenu với 2 giá trị:
$inmenu=1: Hiện ở Block-modules.php
$inmenu=0: Không hiện ở Block-modules.php

Kiểm tra biến $inmenu với 2 giá trị này ta sẽ điều khiển được việc ẩn hiện menu.

Hướng phát triển cho bản fix NukeViet ra mắt đợt 30/4 tới:
Đầu tiên, các bạn xem hình chụp trong Admin Control Panel của bản fix NukeViet ra mắt đợt 30/4 tới
Hình ảnh

Hãy chú ý mấy con số trước tên module tại cột Hiển thị(*)
Đây là ý nghĩa của nó:
Ghi chú:(*)Hiển thị link đến module như một menu (nếu block hỗ trợ)

* [0]: Không hiển thị ở bất cứ block menu nào
* [1]: Chỉ hiển thị ở block menu dọc
* [2]: Chỉ hiển thị ở block menu ngang-trên
* [3]: Chỉ hiển thị ở block menu ngang-dưới
* [4]: Hiển thị ở tất cả block menu
* [5]: Hiển thị ở block menu 5
* [6]: Hiển thị ở block menu 6
* [7]: Hiển thị ở block menu 7
* [8]: Hiển thị ở block menu 8
* [9]: Hiển thị ở block menu 9

Đó cũng chính là giá trị của biến $inmenu, thay vì chỉ mang 2 giá trị là 0 và 1, tôi đã sửa cho nó mang 10 giá trị (từ 0 đến 9), các bạn có thể dựa vào đó để viết menu cho theme.

Hướng dẫn cách xử lý cho người viết code theme:
khi tạo theme thì em đặt trong theme 1 thư mục tên là block, trong đó tùy nhu cầu về menu mà bạn có thể đặt tối đa 3 block ứng với 3 tính năng:
* [1]: Chỉ hiển thị ở block menu dọc
* [2]: Chỉ hiển thị ở block menu ngang-trên
* [3]: Chỉ hiển thị ở block menu ngang-dưới

để tạo 3 cái menu tự động ở 3 vị trí : menu dọc, menu ngang trên, menu ngang dưới cuối site
Sau đó include vào theme tại các vị trí cần thể hiện menu.
Như vậy việc điều khiển ẩn hiện các mục trong menu sẽ do người dùng hoàn toàn chủ động.
File theme mẫu tích hợp cho bản fix tới mình sẽ nhắc boder code theo hướng này.
Bạn không được cấp phép để xem tập tin đính kèm trong bài viết này.
Vui lòng tìm kiếm trước khi hỏi, 90% các vấn đề những member mới gặp phải đều đã được giải quyết và có thể giải quyết thông qua đọc tài liệu. Các địa chỉ chứa các tài liệu cần thiết là:
http://wiki.nukeviet.vn
http://nukeviet.vn/vi/faq/
Hình đại diện của thành viên
laser
Quản trị diễn đàn
Quản trị diễn đàn
 
Bài viết: 4557
Ngày tham gia: 06 Tháng 1 2007, 01:33
Đến từ: Hải Phòng
Đã cảm ơn: 48 lần
Được cảm ơn: 168 lần

Re: Hướng dẫn Tạo menu đẹp & hoàn toàn tự động cho theme (có mẫu

Bài viết chưa xemgửi bởi border » 18 Tháng 4 2009, 23:42

Rất hay, vấn đề này em sẽ lưu ý :)
Themes: http://hungyen24h.vn/demo
Domain giá rẻ: http://minhgiap.info
Call to: 0987.222.332
Hình đại diện của thành viên
border
Thành viên năng động
Thành viên năng động
 
Bài viết: 911
Ngày tham gia: 21 Tháng 7 2007, 23:18
Đến từ: Hưng Yên
Đã cảm ơn: 0 lần
Được cảm ơn: 1 lần

Re: Hướng dẫn Tạo menu đẹp & hoàn toàn tự động cho theme (có mẫu

Bài viết chưa xemgửi bởi vante » 21 Tháng 4 2009, 21:39

Các Anh ơi cho em hỏi cái, Tại sao khi load trang nên toàn bộ cái Menu nó lên màu như hình kèm theo, nó khó chịu quá, em muốn khi load trang, hay khi làm tươi lại trang thì màu của menu là màu của $nen_qts.
Em sửa mãi không được nhờ các pro sửa giùm ạh!> xin cảm ơn.
Bạn không được cấp phép để xem tập tin đính kèm trong bài viết này.
vante
Thành viên chính thức
Thành viên chính thức
 
Bài viết: 110
Ngày tham gia: 01 Tháng 1 2009, 15:41
Đến từ: Tp.HCM
Đã cảm ơn: 0 lần
Được cảm ơn: 1 lần

Re: Hướng dẫn Tạo menu đẹp & hoàn toàn tự động cho theme (có mẫu

Bài viết chưa xemgửi bởi border » 22 Tháng 4 2009, 02:05

Anh xem lại xem. Nếu người dùng muốn đưa vào menu tự động này 1 link ở ngoài ko nằm trong module thì thế nào L-)

Cài module menu nó hơn ở chỗ này đây. Tính về lâu về dài em nghĩ là nên phát triển thêm module menu kia, như vậy thì hoàn hảo hơn nhiều
Themes: http://hungyen24h.vn/demo
Domain giá rẻ: http://minhgiap.info
Call to: 0987.222.332
Hình đại diện của thành viên
border
Thành viên năng động
Thành viên năng động
 
Bài viết: 911
Ngày tham gia: 21 Tháng 7 2007, 23:18
Đến từ: Hưng Yên
Đã cảm ơn: 0 lần
Được cảm ơn: 1 lần

Re: Hướng dẫn Tạo menu đẹp & hoàn toàn tự động cho theme (có mẫu

Bài viết chưa xemgửi bởi anphu » 04 Tháng 5 2009, 14:13

Laser ơi!!! Sao k tích hợp luôn Menu vào NKRC luôn đi. Hiện giờ chỉ có MenuModule chứ k có NMenu. Mình nghĩ tuy là chi tiết nhỏ nhưng hầu hết các site đều cần. K post được trong topic Test nên phải vào đây :P
Mời các bác nukeviet ở Hải Phòng ghé qua quán PS3 của em. Chi tiết xem tại: http://www.pes.vn/showthread.php?t=22664
FullName: Đào Duy Hiệp ( 1983 )
Yahoo: anhphaiyeuai
Điện thoại: 0316.503.886 - Mobile: 0972.316.316 * 0936.5.59.52
Hình đại diện của thành viên
anphu
Thành viên chính thức
Thành viên chính thức
 
Bài viết: 136
Ngày tham gia: 19 Tháng 11 2008, 00:37
Đến từ: Quán PS3 gOaL 75 Thiên Lôi - Hải Phòng
Đã cảm ơn: 0 lần
Được cảm ơn: 0 lần

Re: Hướng dẫn Tạo menu đẹp & hoàn toàn tự động cho theme (có mẫu

Bài viết chưa xemgửi bởi quocthinh » 22 Tháng 5 2009, 00:11

8-> Hiiiii anh Laser.Anh có thể chỉnh code lại dùm em làm sao chuyển ảnh images/arrow2.gif qua bên trái dùm em được không,vì theme của em để các block ở bên phải.Em đã chuyển được các menu vào vị trí center thôi,mong anh giúp.Thanks anh trước
Bạn không được cấp phép để xem tập tin đính kèm trong bài viết này.
quocthinh
Hình đại diện của thành viên
quocthinh
Thành viên mới
 
Bài viết: 13
Ngày tham gia: 04 Tháng 1 2009, 02:34
Đã cảm ơn: 0 lần
Được cảm ơn: 0 lần

Re: Hướng dẫn Tạo menu đẹp & hoàn toàn tự động cho theme (có mẫu

Bài viết chưa xemgửi bởi quocthinh » 23 Tháng 5 2009, 16:10

:((
sao không có ai chịu giúp mình vậy :-/
quocthinh
Hình đại diện của thành viên
quocthinh
Thành viên mới
 
Bài viết: 13
Ngày tham gia: 04 Tháng 1 2009, 02:34
Đã cảm ơn: 0 lần
Được cảm ơn: 0 lần


Quay về [NV2.0.b] Themes

Ai đang trực tuyến?

Đang xem chuyên mục này: Không có thành viên nào đang trực tuyến1 khách


http://my.metadata.vn
WEB NHANH - Thiết kế web nhanh
Dự án 20 triệu máy tính bảng
Sponsored Links: Thiết kế web nhanh | Thiết kế website dựng sẵn | thiết kế web trường học | Thiet ke web công ty
Web bán hàng trực tuyến | Du học Nhat Ban | Du học Uc | Du học Anh Quoc | Du học Han Quoc | Du học Dai Loan | Du học Gia re | thay đổi đăng ký kinh doanh
giấy phép kinh doanh rượu