- Đạt Zồ
Việt hóa thanh Menu bằng CSS
Mon Mar 12, 2012 9:32 pm
*Lời ngỏ
Nếu trước đây bạn muốn Việt hóa một menu trên thành menu thì bạn phải dùng một đoạn jQ (như topic này [You must be registered and logged in to see this link.] ) hoặc sử dụng hình ảnh hay tạo một thanh menu đã cấp thì giờ đây bạn chỉ dùng một đoạn CSS nhỏ, gọn, nhẹ cùng với tính năng sẵn có do FM cung cấp là được.
*Demo
-Trước
-Sau
*Giới thiệu
-Phiên bản sử dụng: Tất cả phiên bản
-Hiệu quả: Chạy tốt trên Chrome (đã test), Firefox (đã test), IE7 trở lên (chưa test)
-Dùng CSS để ẩn menu (ACP>>Display>>Colors>>CSS Stylesheet)
-Dùng Navigation để tạo menu thay thế (ACP>>Display>>Headers & Navigation)
*Các đoạn CSS
Chèn vào đầu CSS các đoạn tương ứng
-Dùng để xóa chữ "Index" [1]
-Dùng để xóa chữ "Calendar" [2]
-Dùng để xóa chữ "Gallery" [3]
*Tạo menu khác
ACP>>Display>>Headers & Navigation>>Add a customized menu
-Tạo Menu "Diễn đàn" thay cho "Index" dùng kèm với [1]
Ô (1) : Diễn đàn
Ô (2) : link icon trước menu (nếu cần)
Ô (3) : Diễn đàn
Ô (4) : [You must be registered and logged in to see this link.]linkforumban/forum#
-Tạo Menu "Lịch" thay cho "Calendar" dùng kèm với [2]
Ô (1) : Lịch
Ô (2) : link icon trước menu (nếu cần)
Ô (3) : Lịch
Ô (4) : [You must be registered and logged in to see this link.]linkforumban/calendar#
-Tạo Menu "Thư viện ảnh" thay cho "Gallery" dùng kèm với [3]
Ô (1) : Thư viện ảnh
Ô (2) : link icon trước menu (nếu cần)
Ô (3) : Thư viện ảnh
Ô (4) : [You must be registered and logged in to see this link.]linkforumban/gallery/index.htm#
*Hiểu chỉnh đôi chút
-Sử dụng các mũi tên lên xuống để di chuyển menu đến đúng chỗ
Đề phòng tác dụng phụ :d
thêm node cha vào phía trước.
phpbb3
punbb
Nếu trước đây bạn muốn Việt hóa một menu trên thành menu thì bạn phải dùng một đoạn jQ (như topic này [You must be registered and logged in to see this link.] ) hoặc sử dụng hình ảnh hay tạo một thanh menu đã cấp thì giờ đây bạn chỉ dùng một đoạn CSS nhỏ, gọn, nhẹ cùng với tính năng sẵn có do FM cung cấp là được.
*Demo
-Trước
-Sau
*Giới thiệu
-Phiên bản sử dụng: Tất cả phiên bản
-Hiệu quả: Chạy tốt trên Chrome (đã test), Firefox (đã test), IE7 trở lên (chưa test)
-Dùng CSS để ẩn menu (ACP>>Display>>Colors>>CSS Stylesheet)
-Dùng Navigation để tạo menu thay thế (ACP>>Display>>Headers & Navigation)
*Các đoạn CSS
Chèn vào đầu CSS các đoạn tương ứng
-Dùng để xóa chữ "Index" [1]
- Code:
a[href="/forum"],a[href="/"] {display:none!important;}
-Dùng để xóa chữ "Calendar" [2]
- Code:
a[href="/calendar"] {display:none!important;}
-Dùng để xóa chữ "Gallery" [3]
- Code:
a[href="/gallery/index.htm"] {display:none!important;}
*Tạo menu khác
ACP>>Display>>Headers & Navigation>>Add a customized menu
-Tạo Menu "Diễn đàn" thay cho "Index" dùng kèm với [1]
Ô (1) : Diễn đàn
Ô (2) : link icon trước menu (nếu cần)
Ô (3) : Diễn đàn
Ô (4) : [You must be registered and logged in to see this link.]linkforumban/forum#
-Tạo Menu "Lịch" thay cho "Calendar" dùng kèm với [2]
Ô (1) : Lịch
Ô (2) : link icon trước menu (nếu cần)
Ô (3) : Lịch
Ô (4) : [You must be registered and logged in to see this link.]linkforumban/calendar#
-Tạo Menu "Thư viện ảnh" thay cho "Gallery" dùng kèm với [3]
Ô (1) : Thư viện ảnh
Ô (2) : link icon trước menu (nếu cần)
Ô (3) : Thư viện ảnh
Ô (4) : [You must be registered and logged in to see this link.]linkforumban/gallery/index.htm#
*Hiểu chỉnh đôi chút
-Sử dụng các mũi tên lên xuống để di chuyển menu đến đúng chỗ
Đề phòng tác dụng phụ :d
thêm node cha vào phía trước.
phpbb3
- Code:
.navlinks a[href="xxx"] {display:none!important;}
punbb
- Code:
#pun-navlinks a[href="xxx"] {display:none!important;}
Nguồn: Chinhphuc.info
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|