Cara Menyesuaikan Tampilan Tombol Menu Oranye Firefox
Apakah Anda bosan melihat tombol menu oranye Firefox? Antarmuka Firefox sepenuhnya dapat disesuaikan, sehingga Anda dapat mengubah warna, teks, dan properti lainnya dari tombol menu Firefox untuk membuat tampilan kustom Anda sendiri.
Untuk mengubah tampilan tombol menu Firefox, kami akan mengedit file userChrome.css. File ini memungkinkan Anda untuk mengubah tampilan bagian apa pun dari Firefox, serta fungsinya.
Sebelum masuk ke mengedit file userChrome.css, kami akan menginstal add-on, yang disebut ChromEdit Plus, yang akan memungkinkan kami untuk dengan mudah mengedit file dan menyimpannya dalam format yang benar. Klik tautan berikut untuk pergi ke halaman web ChromEdit Plus.
http://webdesigns.ms11.net/chromeditp.html
Klik tombol Tambahkan ke Firefox di halaman.
Pesan berikut mungkin ditampilkan. Klik Izinkan untuk terus menginstal add-on ChromEdit Plus.
CATATAN: Berhati-hatilah dengan apa yang Anda izinkan saat memasang ekstensi dan perangkat lunak lain. Jika Anda tidak yakin tentang produk atau tidak mempercayai perusahaan, jangan pasang. Kami menguji ChromEdit Plus dan ternyata aman dan andal.
Kotak dialog Instalasi Perangkat Lunak ditampilkan. Klik Instal Sekarang, yang mungkin tidak tersedia sampai hitungan mundur selesai.
CATATAN: Anda dapat mengubah panjang hitungan mundur pada tombol Instal, tetapi kami tidak menyarankan untuk menonaktifkannya.
Anda harus memulai ulang Firefox untuk menyelesaikan instalasi. Klik Mulai Ulang Sekarang pada dialog sembulan.
Setelah Firefox dimulai ulang, tombol ChromEdit Plus ditambahkan di sebelah kanan kotak Alamat. Klik untuk membuka jendela ChromEdit Plus.
Ada tiga tab secara default di jendela ChromEdit Plus. Kami akan mengedit file userChrome.css, yang ada di tab pertama. Jika tab kosong, salin dan tempel teks berikut ini ke tab userChrome.css dan klik Simpan. Ini memberi Anda file userChrome.css default.
@namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
# appmenu-button
latar belakang: #orange! important;
# appmenu-button dropmarker: before
konten: "Firefox"! penting;
warna: #FFFFFF! penting;
# appmenu-button .button-text
display: tidak ada! penting;
Anda mungkin sudah memiliki file userChrome.css, dalam hal ini sudah ada teks di tab userChrome.css. Salin semua teks di atas kecuali untuk baris pertama, baris @namespace, dan rekatkan ke tab di suatu tempat setelah baris @namespace. Jika Anda ingin menyimpan apa yang sudah Anda miliki, Anda dapat menempelkan teks di atas di akhir file.
PENTING: Pastikan semua kutipan di userChrome.css BUKAN kutipan cerdas, termasuk yang ada di baris @namespace. Itu harus kutipan biasa dan lurus. Jika salah satu dari mereka adalah kutipan cerdas, file tidak akan memengaruhi tampilan Firefox sama sekali.
Klik Restart untuk memulai kembali Firefox menggunakan file userChrome.css yang baru atau direvisi.
Dalam contoh ini, kita akan mengubah warna latar belakang menjadi biru tua dan mengubah teks "Firefox" menjadi "How-To Geek".
Untuk mengubah warna latar belakang, ubah teks "#orange" pada baris "latar belakang" di bagian "# appmenu-button" ke warna yang berbeda, menggunakan kode warna hex, atau kode warna HTML. Sebagai contoh, kami memilih biru tua dengan kode warna heksa # 2C4362.
CATATAN: Untuk mengetahui kode warna hex untuk warna yang Anda inginkan, lihat artikel kami tentang mendapatkan kode warna hex dari warna RGB desimal, memilih warna dari mana saja di layar, dan mendapatkan kode warna dalam berbagai format.
Untuk mengubah teks pada tombol, ubah teks "Firefox" pada baris "konten" di bagian "# appmenu-button dropmarker: before" ke teks yang Anda inginkan, seperti "How-To Geek". Kami menambahkan spasi setelah teks untuk memiliki lebih banyak ruang antara teks dan panah drop-down pada tombol.
Anda dapat memilih untuk mengubah warna teks juga dengan mengubah baris “warna” di bagian “# appmenu-button dropmarker: before” yang sama. Kami meninggalkan warna teks sebagai putih (#FFFFFF), tetapi Anda dapat mengubahnya menjadi sesuatu seperti abu-abu terang (# F2F2F2), atau sesuatu seperti itu.
Klik Simpan dan kemudian Restart agar perubahan diterapkan.
Tombol sekarang biru gelap dan mengatakan "How-To Geek".
Anda juga dapat menambahkan gambar latar belakang ke tombol, selain mengubah warna latar belakang. Kami menciptakan gambar yang memiliki favicon How-To Geek di sebelah kiri dan latar belakang transparan sehingga warna latar belakang biru tua tampak jelas. Untuk menambahkan gambar latar belakang ke tombol Anda, tambahkan baris berikut ke bagian "# appmenu-button", mengubah jalur dalam tanda kutip ke lokasi gambar Anda di komputer Anda. Biarkan "file: ///" di jalur.
background-image: url ("file: /// C: /Users/Lori/Pictures/htg_background.png")! important;
Klik Save and Restart lagi.
Sekarang tombol kita selesai.
Anda juga dapat menyesuaikan tombol menu Firefox dengan mengonversinya menjadi ikon. Kami juga telah menerbitkan banyak kiat dan penyesuaian lainnya untuk memaksimalkan Firefox.
