Quảng Cáo Google Adwords!

Thống Kê Diễn Đàn
  • Ảnh diễn đàn
 lysieunhan (550)
 ten_gi_bay_gio_nhi? (535)
 Đạt Zồ (494)
 butchi (335)
 c0nGcKuaSaMaC_LaCvAoXuBaG (255)
 1lan_va_maimai (181)
 sUe_3bi (159)
 m_mz (39)
 bong.kuti (36)
 tonytran (33)

Share | 
 

 Việt hóa thanh Menu bằng CSS

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Đạt Zồ

avatar


Bài gửiTiêu đề: 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]
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
Về Đầu Trang Go down
Xem lý lịch thành viên
 

Việt hóa thanh Menu bằng CSS

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

Permissions in this forum:Bạn không có quyền trả lời bài viết
-‘๑’- Diễn Đàn Geokute -‘๑’- CNH -‘๑’-  :: Thế giới thủ thuật :: Thủ thuật FM-