Cara mengubah tampilan batang oranye di firefox

Saya suka cara Firefox dapat disesuaikan. Maksud saya tidak ada apa-apa di browser yang tidak dapat diubah atau dimodifikasi sesuai dengan kebutuhan dan kenyamanan pengguna. Sementara pada bagian fungsional tentang: preferensi konfigurasi dapat diubah untuk mencapai hampir semua hal, pada bagian estetika kami memiliki komponen CSS yang dapat didefinisikan untuk memodifikasi tampilan antarmuka.

Kami akan mempertimbangkan tombol oranye Firefox yang diletakkan di kiri atas browser dan melihat bagaimana tampilan dan rasanya dapat diubah. Misalnya, lihat gambar (di bawah) dan perhatikan bagaimana saya telah mengubah warna dari oranye menjadi merah, teks dari putih menjadi hitam dan dari Firefox ke. 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 agar input pengguna 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 arahkan ke Firefox (tombol oranye) -> Bantuan -> Informasi Pemecahan Masalah.

Langkah 2: Tab baru akan diluncurkan. Cari bagian yang membaca Dasar-Dasar Aplikasi. Untuk sampai ke folder profil Anda, klik tombol Show Folder. Disarankan untuk membuka folder profil dari sini karena jika ada beberapa profil Anda mungkin tidak tahu yang 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 harus ada file bernama userChrome.css. Nama harus ditulis dengan tepat di sini.

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

Langkah 5: Klik kanan dan kosongkan ruang dan buat Dokumen Teks Baru ->. Setelah selesai, buka file dengan Notepad.

Langkah 6: Sekarang pergi ke File dan Simpan Sebagai dokumen sebagai userChrome.css. Pastikan Anda mengubah tipe Simpan sebagai ke Semua File dari bagian bawah dialog Simpan. Klik Simpan dan tutup dokumen.

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

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

@namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

# appmenu-button {

latar belakang: # oranye ! penting;

}

# appmenu-button dropmarker: before {

konten: " Firefox "! penting;

warna: # FFFFFF ! penting;

}

# appmenu-button.button-text {

display: tidak ada! penting;

}

Perhatikan potongan tebal. Mereka mewakili warna tombol, teks dan warna teks masing-masing. Untuk mengubah tampilan tombol, Anda dapat memodifikasi nilai-nilai ini. Berikut 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 hanya perubahan kecil. Jika Anda bisa menguasai kode-kode itu, Anda bisa mengubah hampir semua hal di Firefox. Jika Anda memiliki beberapa yang telah Anda gunakan selama bertahun-tahun ini, bagikan dengan pembaca kami dan bantu membawa senyuman kepada pengguna Firefox pemula di luar sana.