Cara Mengubah Tampilan Orange Bar di Firefox

Cara Mengubah Tampilan Orange Bar di Firefox:

saya menyukai cara tersebut

Firefox dapat disesuaikan

. Maksud saya, tidak ada apa pun di browser yang tidak dapat diubah atau dimodifikasi sesuai dengan kebutuhan dan kenyamanan pengguna.

Sementara di ujung fungsional

about:config preferensi

dapat di-tweak untuk mencapai hampir semua hal, di sisi estetika kami memiliki komponen CSS yang dapat ditentukan

mengubah tampilan antarmuka

. Kami akan mempertimbangkan tombol oranye Firefox yang ditempatkan di kiri atas browser dan melihat bagaimana tampilan dan nuansanya dapat diubah.

Sebagai contoh, lihat gambar (di bawah) dan perhatikan bagaimana saya mengubah warna dari jingga menjadi merah, teks dari putih menjadi hitam dan dari Firefox menjadi Guiding Tech. Menarik, bukan?

Inilah cara Anda dapat membuat perubahan serupa.

Langkah-langkah untuk Menyesuaikan Tampilan Tombol Firefox

Setiap profil yang Anda buat di Firefox memiliki file CSS yang terkait dengannya. Ini dimaksudkan untuk input pengguna untuk memvariasikan tampilan browser.

Dalam prosesnya kami juga akan memberi tahu Anda cara menemukan file itu atau membuatnya jika tidak ada. Langkah 1: Buka Firefox dan navigasikan ke Firefox (tombol oranye) -> Help -> Troubleshooting Information .

Langkah 2: Tab baru akan diluncurkan. Carilah bagian bacaan Application Basics .

Untuk membuka folder profil Anda, klik tombol Tampilkan Folder. Disarankan untuk membuka folder profil dari sini karena jika ada banyak profil, Anda mungkin tidak tahu mana yang sedang digunakan.

Langkah 3: Di direktori profil Anda, Anda akan menemukan folder bernama chrome. Jika Anda tidak dapat menemukannya, Anda dapat membuatnya.

Langkah 4: Di folder ini seharusnya ada file bernama userChrome.css . Nama harus persis seperti yang dieja di sini.

Sekali lagi, jika Anda tidak dapat menemukannya, Anda dapat membuatnya. Jika ada, lanjutkan ke Langkah 7.

Jika tidak, lanjutkan ke Langkah 5. Langkah 5: Klik kanan dan kosongkan ruang dan buat New -> Text Document .

Setelah selesai, buka file tersebut dengan Notepad.

Langkah 6: Sekarang buka File dan Simpan Sebagai dokumen sebagai userChrome.css.

Pastikan Anda mengubah tipe Simpan sebagai ke Semua Berkas dari bagian bawah dialog Simpan. Klik Simpan dan tutup dokumen.

Langkah 7: Buka file userChrome.css dengan Notepad. Cukup klik kanan pada file tersebut dan pilih Open With -> Notepad .

Langkah 8: Salin cuplikan kode di bawah (apa adanya) dan tambahkan ke file. Simpan perubahan.

@namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
#appmenu-button {latar belakang: # oranye !penting;
}#appmenu-button dropmarker: sebelum {konten: “ Firefox ” !penting;
warna: # FFFFFF !penting;
}#appmenu-button.button-text {display: none !important;}

Perhatikan potongan yang dicetak tebal . Mereka masing-masing mewakili warna tombol, teks dan warna teks.

Untuk mengubah tampilan tombol, Anda dapat mengubah nilai-nilai ini. Inilah kode yang sesuai dengan gambar yang Anda lihat di awal.

Jika Anda tidak memiliki pengetahuan tentang kode Hex, Anda dapat merujuk ke tautan ini. Atau Anda dapat memeriksa yang ini.

Kesimpulan

Perubahan ini hanyalah perubahan kecil. Jika Anda dapat menguasai kode-kode tersebut, Anda akan dapat mengubah hampir semua hal di Firefox.

Jika Anda memiliki beberapa dari yang telah Anda gunakan selama bertahun-tahun ini, bagikan dengan pembaca kami dan bantu menghadirkan senyuman bagi pengguna Firefox pemula di luar sana.