MeNu

Thứ Tư, 24 tháng 11, 2010

Tạo Menu 3 Chiều Cho Web, Blog

Việc tạo Menu 3D cho Blog và Website hiện không còn là vấn đề khó khăn với các Webmaster. Tuy nhiên với 360Plus blog thì có một chút vấn đề. Đó là 360Plus không sử dụng được các JavaScript - là công cụ chính để tạo ra hiệu ứng 3D bắt mắt cho menu cũng như các ứng dụng khác. Do vậy, chúng ta chỉ có thể sử dụng Flash để thực hiện ý tưởng trên cho 360Plus Blog.


Để làm được Menu như trên, đầu tiên, Bạn cần download phần mềm để tạo Menu Flash 3D về máy tính tại địa chỉ:


http://download233.mediafire.com/2nnyed204beg/qgwoymi2tve/Tao+menu+3+Chieu.rar

Sau khi Download về, Bạn tiến hành giải nén và cài đặt. Chú ý là trong file giải nén, mình đã để sẵn các Ảnh làm menu mẫu mà các Bạn đã thấy ở trên Menu ví dụ trên. Bạn sẽ sử dụng các Ảnh này để làm dữ liệu cho Menu của bạn.

* Bạn có thể xem video hướng dẫn cài đặt tại đây
* Xem màn hình lớn tại đây

Sau khi tiến hành cài đặt và bẻ khóa xong, Bạn tiến hành thực hiện tạo Menu theo Video hướng dẫn sau.

* Video Hướng dẫn cách tao Menu Flash 3D
* Xem màn hình lớn tại đây


1.Là phần hiệu ứng ảnh(có thể xoay tròn hoặc hình lớn hình bé như win vista...)
+ PubLic :xuất bản ảnh ra ngoài dưới dạn file Flash(swf),có cả code để chèn vào web...

2.là phần hình ảnh(ở đây sẽ ghi rõ toàn bộ đường dẫn hình ảnh,bạn có thể xóa đi,di chuyển hình lên trên hoặc xuốn dưới,tạo thư mục...)

3.Là phần chỉnh sửa hình ảnh như mình đã nói ở trên,tại đây bạn có thể tùy chỉnh mọi thứ,cứ việc test thử đi nhé,từ background,màu sắc,khung lớn khung bé,hình nhỏ hình to...


4. Là phần thiết kế hình ảnh,chọn đường dẫn...
+ Image:là đường dẫn ảnh của bạn
+ Title :là tiêu đề
+Description : là giới thiệu tóm tắt nội dung của hình ảnh hoặc trang web bạn mún liên kết

Trong bước 4 ban co thể chọn Transparent để chọn Trong Suốt, còn Solid color là màu nền theo ý bạn, theo mình thì nên chọn Transparent để phù hợp với từng trang của bạn
cuối cùng chọn Publish và xuất bản ra dưới dạng file flash(swf).vậy là bạn đã có 1 quick menu hoặc 1 slide show ảnh 3D tuyệt đẹp rùi đó.

Bạn chú ý là trong file giải nén có một file mình đã tạo sẵn và Bạn chỉ cần dùng chương trình tạo Menu để mở sẵn file này như hướng dẫn của Video trên. Sau đó Bạn chỉ cần thay các đường dẫn bằng đường dẫn trong Blog hay website của Bạn là OK.

Với hướng dẫn trên, Bạn có thể tạo ra 9 kiểu menu khác nhau. Và tủy theo sở thích hay mục đích của Bạn mà có thể chọn một kiểu Menu hợp ý. Sau khi tạo xong, Bạn cần upload file Menu mới tạo được lên host để có thể sử dụng cho Blog hay Site của Bạn. Đối với 360Plus Blog, thì Bạn nên đăng ký miễn phí ở 1 trong 2 host sau để có thể upload các file Flash hay Ảnh lên.

http://my.imageshack.us/v_images.php
http://www.fileden.com/upload.php

Sau khi đăng ký và upload được Menu bạn mới tạo xong, Bạn sử dụng code tổng quát để đăng Flash lên Blog:
Code:

<embed type="application/x-shockwave-flash" AllowScriptAccess='never' wmode="transparent" height="190" width="600" src="http://i1019.photobucket.com/albums/af317/max4downloadcom/photobutket.swf?link= http://www.fileden.com/files/2010/4/14/2827641/menu2.swf "></embed

600 là chiều rộng và 200 là chiều cao hiển thị Flash. Thông số này phụ thuộc vào kích thước Flash mà Bạn đã thiết kế lúc tạo Menu.

http://www.fileden.com/files/2010/4/14/2827641/menu2.swf là địa chỉ Menu Flash sau khi bạn đã đưa lên Host.

Và Cuối Cùng Là Kết Quả:
Demo: http://ungdungblog.tk
Chúc Các bạn Thành Công.

Không có nhận xét nào:

Đăng nhận xét