Go Back   Diễn Đàn Bo-Blog Việt Nam > Bo-Blog > Tutorial



About Me
Your Avatar

 
Trả lời Gởi Ðề Tài Mới
 
Ðiều Chỉnh Kiếm Trong Bài
  #1  
Old 10-06-2012, 03:37 PM
dieukuku's Avatar
dieukuku is offline
Junior Member
 
Tham gia ngày: May 2012
Đến từ: da nang
Bài gởi: 29
Default Tạo menu drop down cho bo-blog

Trả phải biết giới thiệu như thế nào nữa . Chỉ biết mục đích chính của bài viết này là hướng dẫn anh em dùng mã nguồn Bo-blog tạo thanh menu dạng drop down ( sử dụng css và Javascript ) từ danh mục phân loại trên blog một cách tự động.
Hiện tại có nhiều kiểu menu drop down khác nhau nhưng mình sẽ làm theo kiểu Chrome CSS Drop Down Menu (v2.5) được cung cấp miễn phí trên Dynamic Drive Kiểu menu này hoạt động tốt trên nhiều trình duyệt web khác nhau bao gồm cả IE 6.Demo: http://bloghay.co.cc

Click the image to open in full size.

Các bạn nên thực hiện trên localhost trước khi đưa lên host để tránh lỗi nhé
Các bước thực hiện
1. Bước 1: Bạn hãy download file bên dưới về máy và giải nén sau đó upload thư mục menu lên thư mục gốc của host


http://www.mediafire.com/?my25yndw3yn


2. Bước 2 : Chỉnh sửa và cài đặt.
- Mở file index.php trong thư mục gốc sau đó tìm đoạn mã sau :


//Section: Top - ở dòng thứ 99 $section_head_components="<li>".@implode("</li>\r\n<li>", $section_header)."</li>";



Thay thế bằng


//Section: Top
include_once ("menu/menu.php");
if (file_exists('data/cache_categories.php')) {
$section_head_components=makemenu();
}
else
$section_head_components="<div id='menu'>"."<li>".@implode("</li>\r\n<li>", $section_header)."</li>"."</div>";




- Mở file elements.php ( của giao diện bạn đang sử dụng)
Thêm đoạn mã sau vào trước thẻ
</head>


<script type="text/javascript" src="menu/menu.js"></script>
<link rel="stylesheet" type="text/css" href="menu/chrometheme/chromestyle.css" />




Trong thư mục "menu/chrometheme" có sẵn 4 file css tương ứng với 4 mẫu giao diện khác nhau . Nhưng bạn nên chỉnh sửa các thông số trong file chromestyle.css sao cho giao diện của menu drop down phù hợp với giao diện của blog ( để làm được đều này bạn cần phải có kiến thức về css ).
- Tìm tiếp đoạn mã

<div id="menu">
<ul>
{section_head_components}
</ul>
</div>



Thay bằng


{section_head_components}
<script type="text/javascript">cssdropdown.startchrome("chromemenu")</script>




Sau khi chỉnh sửa xong bạn save lại và upload đè các file này lên host
Chúc các bạn thực hiện thành công .
Trả Lời Với Trích Dẫn
  #2  
Old 11-06-2012, 12:01 PM
trjnkkje0's Avatar
trjnkkje0 trjnkkje0 is offline
Junior Member
 
Tham gia ngày: Jun 2012
Bài gởi: 4
Default

ủng hộ bác nhiệt tình lun .các bác giúp đỡ e nhak.
Trả Lời Với Trích Dẫn
  #3  
Old 29-06-2012, 01:28 PM
thientn's Avatar
thientn thientn is offline
Junior Member
 
Tham gia ngày: Jun 2012
Bài gởi: 4
Default

Nếu muốn thay giao diện Chrome 2,3,4 thì làm thế nào??
Trả Lời Với Trích Dẫn
Trả lời Gởi Ðề Tài Mới

Tags
bloghay, bloghay.co.cc, bo-blog, cho, drop, menu, tạo

Ðiều Chỉnh Kiếm Trong Bài
Kiếm Trong Bài:

Kiếm Chi Tiết

Chuyển đến


Múi giờ GMT. Hiện tại là 07:41 PM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
vdata

Bo-Blog Việt Nam

Bo-blog
9.9 10 13259