Để 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ó.
https://webdesigns.ms11.net/chromeditp.html
Nhấp vào nút Thêm vào Firefox trên trang.
LƯU Ý: Hãy rất 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à nhận thấy nó an toàn và đáng tin cậy.
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 khuyên bạn không nên tắt tính năng này.
@namespace url(“https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); #appmenu-button { background: #orange !important; } #appmenu-button dropmarker:before { content: “Firefox” !important; color: #FFFFFF !important; } #appmenu-button.button-text { display: none !important; }
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 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 dấu ngoặc kép trong userChrome.css KHÔNG phải là dấu ngoặc kép thông minh, kể cả dấu ngoặc kép trong dòng @namespace. Họ nên là bình thường, báo giá thẳng. Nếu bất kỳ dấu ngoặc kép nào trong số đó là dấu ngoặc kép thông minh, tệp sẽ không ảnh hưởng đến giao diện của Firefox.
Nhấp vào Khởi động lại để khởi động lại Firefox bằng cách sử dụng tệp userChrome.css mới hoặc đã sửa đổi.
Để thay đổi màu nền, hãy thay đổi văn bản “#orange” trên dòng “nền” trong phần “# nút ứng dụng” thành màu khác, sử dụng mã màu hex hoặc mã màu HTML. Ví dụ, chúng tôi đã chọn một màu xanh đậm với mã màu hex của # 2C4362.
LƯU Ý: Để tìm ra mã màu hex cho màu bạn muốn, hãy xem bài viết của chúng tôi về nhận mã màu hex từ màu RGB thập phân, 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 “Firefox” trên dòng “nội dung” trong phần “# menumenu-button dropmarker: before” thành văn bản bạn muốn, chẳng hạn như “How-To Geek”. Chúng tôi đã thêm dấu cách 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 của văn bản bằng cách thay đổi dòng “màu” trong cùng phần “# menumenu-button dropmarker: before”. 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 một cái gì đó tương tự.
Nhấp vào Lưu và sau đó khởi động lại để các thay đổi có hiệu lực.
background-image: url(“file:///C:/Users/Lori/Pictures/htg_background.png”) !important;
Nhấp vào Lưu và khởi động lại.
