Cách tùy chỉnh giao diện của nút menu Firefox màu cam

Bạn có cảm thấy mệt mỏi khi nhìn vào nút menu Firefox màu cam? Giao diện của Firefox hoàn toàn có thể tùy chỉnh, do đó bạn có thể thay đổi màu sắc, văn bản và các thuộc tính khác của nút menu Firefox để tạo giao diện tùy chỉnh của riêng bạn.

Để thay đổi giao diện của nút menu Firefox, chúng tôi sẽ chỉnh sửa tệp userChrome.css. Tệp này cho phép bạn thay đổi giao diện của bất kỳ phần nào của Firefox, cũng như chức năng của nó.

Trước khi đi sâu vào chỉnh sửa tệp userChrome.css, chúng tôi sẽ cài đặt một tiện ích bổ sung, được gọi là ChromEdit Plus, cho phép chúng tôi dễ dàng chỉnh sửa tệp và lưu tệp theo đúng định dạng. Nhấp vào liên kết sau để truy cập trang web ChromEdit Plus.

http://webdesigns.ms11.net/chromeditp.html

Nhấp vào nút Thêm vào Firefox trên trang.

Thông báo sau có thể hiển thị. Nhấp vào Cho phép để tiếp tục cài đặt tiện ích bổ sung ChromEdit Plus.

LƯU Ý: Cẩn thận về những gì bạn cho phép khi cài đặt tiện ích mở rộng và phần mềm khác. Nếu bạn không chắc chắn về sản phẩm hoặc không tin tưởng vào công ty, đừng cài đặt. Chúng tôi đã thử nghiệm ChromEdit Plus và thấy nó an toàn và đáng tin cậy.

Hộp thoại Cài đặt phần mềm hiển thị. Nhấp vào Cài đặt ngay, có thể không khả dụng cho đến khi quá trình đếm ngược kết thúc.

LƯU Ý: Bạn có thể thay đổi thời lượng đếm ngược trên nút Cài đặt, nhưng chúng tôi không khuyên bạn nên tắt nó.

Bạn phải khởi động lại Firefox để hoàn tất cài đặt. Nhấp vào Khởi động lại ngay trên hộp thoại bật lên.

Khi Firefox khởi động lại, nút ChromEdit Plus sẽ được thêm vào bên phải hộp Địa chỉ. Nhấp vào nó để mở cửa sổ ChromEdit Plus.

Có ba tab theo mặc định trên cửa sổ ChromEdit Plus. Chúng tôi sẽ chỉnh sửa tệp userChrome.css, trên tab đầu tiên. Nếu tab trống, sao chép và dán văn bản sau vào tab userChrome.css và nhấp vào Lưu. Điều này cung cấp cho bạn một tệp userChrome.css mặc định.

@namespace url (Hồi http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul Lần);
# nút ứng dụng
nền: #orange! quan trọng;

# ứng dụng thả xuống nút appmenu: trước
nội dung: Firefox Firefox, quan trọng;
màu sắc: #FFFFFF! quan trọng;

# appmenu-nút .button-text
hiển thị: không có gì quan trọng;

Bạn có thể đã có tệp userChrome.css, trong trường hợp đó sẽ có văn bản trên tab userChrome.css. Sao chép tất cả văn bản ở trên ngoại trừ dòng đầu tiên, dòng @namespace và dán nó vào tab ở đâu đó sau dòng @namespace. Nếu bạn muốn giữ những gì bạn đã có, bạn có thể dán văn bản trên vào cuối tệp.

QUAN TRỌNG: Đảm bảo tất cả các trích dẫn trong userChrom.css KHÔNG phải là trích dẫn thông minh, bao gồm cả các trích dẫn trong dòng @namespace. Họ nên bình thường, trích dẫn thẳng. Nếu bất kỳ trong số chúng là dấu ngoặc kép thông minh, tệp sẽ không ảnh hưởng đến sự xuất hiện của Firefox.

Nhấp vào Khởi động lại để khởi động lại Firefox bằng tệp userChrom.css mới hoặc được sửa đổi.

Trong ví dụ này, chúng ta sẽ thay đổi màu nền thành màu xanh đậm và thay đổi văn bản của Firefox Firefox Firefox thành Văn bản How-To Geek..

Để thay đổi màu nền, hãy thay đổi văn bản của # # trên mặt chữ trên nền của mối quan hệ tình dục trong phần nền của ứng dụng # trong một phần khác nhau, sử dụng mã màu hex hoặc mã màu HTML. Ví dụ: chúng tôi đã chọn màu xanh lam đậm với mã màu hex là # 2C4362.

GHI CHÚ: Để tìm ra mã màu hex cho màu bạn muốn, hãy xem các bài viết của chúng tôi về cách lấy mã màu hex từ màu thập phân RGB, chọn màu từ bất kỳ đâu trên màn hình và nhận mã màu ở nhiều định dạng.

Để thay đổi văn bản trên nút, hãy thay đổi văn bản của Firefox Firefox trên dòng nội dung của Google trong dòng dropmarker của nút # appmenu: trước phần trước thành văn bản mong muốn của bạn, ví dụ như How How To To Geek. Chúng tôi đã thêm một khoảng trắng sau văn bản để có thêm khoảng trắng giữa văn bản và mũi tên thả xuống trên nút.

Bạn cũng có thể chọn thay đổi màu sắc của văn bản bằng cách thay đổi dòng màu của YouTube trong cùng một điểm đánh dấu nút # ứng dụng nút ứng dụng: trước phần. Chúng tôi để lại màu văn bản là màu trắng (#FFFFFF), nhưng bạn có thể thay đổi nó thành màu xám nhạt (# F2F2F2) hoặc đại loại như thế.

Nhấp vào Lưu và sau đó Khởi động lại để các thay đổi có hiệu lực.

Nút này bây giờ có màu xanh đậm và nói là How How To To Geek '.

Bạn cũng có thể thêm hình ảnh nền vào nút, ngoài việc thay đổi màu nền. Chúng tôi đã tạo ra một hình ảnh có hình đại diện How-To Geek ở bên trái và một nền trong suốt để màu nền xanh đậm thể hiện qua. Để thêm hình ảnh nền vào nút của bạn, hãy thêm dòng sau vào phần # # menumenu-nút Nút, thay đổi đường dẫn trong dấu ngoặc kép đến vị trí hình ảnh của bạn trên máy tính. Để lại tập tin trên mạng:.

hình nền: url (tập tin của Wikipedia: /// C: /Users/Lori/Pictures/htg_background.png tựa)! quan trọng;

Nhấp vào Lưu và Khởi động lại một lần nữa.

Bây giờ nút của chúng tôi đã hoàn tất.

Bạn cũng có thể tùy chỉnh nút menu Firefox bằng cách chuyển đổi nó thành biểu tượng. Chúng tôi cũng đã xuất bản nhiều mẹo và chỉnh sửa khác để tận dụng tối đa Firefox.