Go Back   Diễn Đàn Bo-Blog Việt Nam > Phụ Trợ Bo-Blog > Thủ Thuật Bo-Blog



About Me
Your Avatar

 
Trả lời Gởi Ðề Tài Mới
 
Ðiều Chỉnh Kiếm Trong Bài
  #1  
Old 27-02-2010, 02:31 AM
ROPking's Avatar
ROPking is offline
Senior Member
 
Tham gia ngày: Feb 2010
Bài gởi: 199
Gửi tin nhắn qua Yahoo chát tới ROPking
Question 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ạngdrop down ( sử dụng css và Javascript ) từ danh mục phân loại trên blog một cách tự động.


Click the image to open in full size.

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.
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

Download :

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>";
Download :

- 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

nguồn : canthoIT
File Kèm Theo
Kiểu File : rar 1251611545_63210534.rar (8.3 KB, 449 lần tải)
Kiểu File : rar 1251612456_86236e82.rar (3.4 KB, 539 lần tải)

thay đổi nội dung bởi: ROPking, 27-02-2010 lúc 08:52 AM
Trả Lời Với Trích Dẫn
  #2  
Old 27-02-2010, 03:09 AM
CafeSua's Avatar
CafeSua CafeSua is offline
Senior Member
 
Tham gia ngày: Feb 2010
Đến từ: Hà Tĩnh
Bài gởi: 440
Default

Bài này hay
Trả Lời Với Trích Dẫn
  #3  
Old 27-02-2010, 03:22 AM
ROPking's Avatar
ROPking ROPking is offline
Senior Member
 
Tham gia ngày: Feb 2010
Bài gởi: 199
Gửi tin nhắn qua Yahoo chát tới ROPking
Cool

Trích:
Nguyên văn bởi vnsad.net View Post
Bài này hay

thấy hay sao ko thank :rolleyes: ^^
Không thấy hình ở chữ ký viết gì hã ???
Trả Lời Với Trích Dẫn
  #4  
Old 30-04-2010, 07:43 AM
xuanhung_it's Avatar
xuanhung_it xuanhung_it is offline
Member
 
Tham gia ngày: Apr 2010
Bài gởi: 93
Default

hic mình làm nó lệch sang bên trái 1 xí, muốn làm nó ra giữa cân 2 bên thì làm thế nào các bạn nhỉ?
Click the image to open in full size.
Trả Lời Với Trích Dẫn
  #5  
Old 13-05-2010, 09:52 PM
chauminhtusas's Avatar
chauminhtusas chauminhtusas is offline
Junior Member
 
Tham gia ngày: May 2010
Bài gởi: 7
Default

sao cái menu/chrometheme của em ko co' đoạn mã nhu thế này.......... sent mãi mà ko ra


<div id="menu">
<ul>
{section_head_components}
</ul>
</div>
Trả Lời Với Trích Dẫn
  #6  
Old 14-05-2010, 07:07 AM
NamCòi's Avatar
NamCòi NamCòi is offline
KUTE
 
Tham gia ngày: Feb 2010
Đến từ: Vannamdl.net
Bài gởi: 3,051
Default

<div id="menu">
bạn tìm với từ này xem
Ps : bạn tìm ko nên copy hết cả đoạn tren mà là copy 1 dòng để tìm thôi
Chữ ký của NamCòi
Click the image to open in full size.Click the image to open in full size.
Trả Lời Với Trích Dẫn
  #7  
Old 14-05-2010, 09:39 AM
chauminhtusas's Avatar
chauminhtusas chauminhtusas is offline
Junior Member
 
Tham gia ngày: May 2010
Bài gởi: 7
Default

Anh cho biết dòng thứ mấy ko....... em tìm như anh hướng dẫn mà ko ra
Trả Lời Với Trích Dẫn
  #8  
Old 14-05-2010, 09:54 AM
NamCòi's Avatar
NamCòi NamCòi is offline
KUTE
 
Tham gia ngày: Feb 2010
Đến từ: Vannamdl.net
Bài gởi: 3,051
Default

Ban search đoạn này
section_head_components
nó nở dòng 100 và 101 thay 2 dòng đó = code trên
nếu ko đc bạn có thể tải file index ở dưới đã được chỉnh sửa
Download index.php
Chữ ký của NamCòi
Click the image to open in full size.Click the image to open in full size.
Trả Lời Với Trích Dẫn
  #9  
Old 14-05-2010, 10:09 AM
chauminhtusas's Avatar
chauminhtusas chauminhtusas is offline
Junior Member
 
Tham gia ngày: May 2010
Bài gởi: 7
Default

ủa search file index chứ ko phải file này ak: chrometheme
Trả Lời Với Trích Dẫn
  #10  
Old 14-05-2010, 10:14 AM
NamCòi's Avatar
NamCòi NamCòi is offline
KUTE
 
Tham gia ngày: Feb 2010
Đến từ: Vannamdl.net
Bài gởi: 3,051
Default

ừa cái kia có j mà edit
Chữ ký của NamCòi
Click the image to open in full size.Click the image to open in full size.
Trả Lời Với Trích Dẫn
Trả lời Gởi Ðề Tài Mới

Tags
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:49 PM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
vdata

Bo-Blog Việt Nam

Bo-blog
9.9 10 13259