Bagaimana cara mengganti CSS situs di Firefox dengan userContent.css?

88

Di Mozilla Firefox, saya ingin membuat userContent.cssyang menimpa CSS situs.

Di mana saya harus membuat file?

Bisakah Anda jelaskan berdasarkan Windows 7?

Rauf
sumber

Jawaban:

111
  1. Buka Firefox dan tekan Altuntuk menampilkan menu paling atas, lalu klik HelpTroubleshooting Information
  2. Klik Open Foldertombol di sebelah Profile Folderentri
  3. Buat folder bernama chromedi direktori yang terbuka
  4. Dalam chromefolder tersebut buat file CSS dengan namauserContent.css
  5. Salin kode berikut ke userContent.css, ganti "example.com" dengan situs web yang ingin Anda ubah dan CSS khusus Anda sendiri, dan mulai ulang Firefox:
@-moz-document domain(example.com) {
    img { opacity: 0.05 !important; }
}
Rauf
sumber
6
Pembaruan / modifikasi kecil untuk langkah 1; Informasi Pemecahan Masalah membuka tautan about:supportdan di Firefox saya (v20 nightly build on Ubuntu) ia memiliki entri bernama "Direktori profil" dengan tombol "Buka Direktori" yang membuka direktori profil /home/tripleee/.mozilla/firefox/asdf1234.default/di Nautilus.
tripleee
6
Anda dapat menghapus @-moz-document domain("...")untuk menerapkan gaya ke setiap halaman.
Nicolas
2
@Septagram Saya pikir itu selalu seperti itu ... seperti yang saya ingat, chromebisa juga berisi userChrome.css, yang akan menata antarmuka browser ("chrome").
sam
5
Satu catatan kecil, pastikan bahwa folder yang Anda buat bernama, "chrome", dengan huruf kecil 'c', jika tidak maka tidak akan berfungsi di Linux.
Oliver Burt
6
Hal itu diperlukan untuk me-restart Firefox untuk itu akan berlaku.
Peter Mortensen
4

Ada ekstensi lama bernama ChromEdit, yang menambahkan tombol sederhana untuk dengan mudah membuka CSS pengguna untuk diedit.

Ini tampaknya dikompromikan atau ditarik. Bergaya adalah alternatif, tetapi sama halnya sekarang ini tampaknya tidak berfungsi.

Saat ini Anda hanya perlu mengingat ke mana file seharusnya pergi.

OrangeDog
sumber
Saya pikir saya mendapat ChromEdit dari daftar resmi, tetapi OK.
OrangeDog
9
Berdasarkan ulasan terakhir, Bergaya mungkin harus dihindari.
KlaymenDK
1
Ekstensi tidak sama dengan lembar gaya pengguna yang sebenarnya. Itu sebabnya Chrome menjadi sampah yang tidak berharga sekarang.
Synetech
1
@ Sinetech apa yang kamu bicarakan? Ekstensi ini menambahkan tombol untuk membuka stylesheet untuk diedit.
OrangeDog
Gaya tidak berhasil bagi saya. Ketika saya mencari bantuan, saya menemukan topik forum di mana pengguna mengatakan sebagian besar pengguna Stylish telah pindah ke Stylus karena dukungan pengguna yang lebih baik dan pembaruan yang lebih berkelanjutan. Stylus adalah garpu bergaya. Stylus bekerja untuk saya tanpa perlu me-restart Firefox. Penggunaan plug-in mudah - navigasikan ke halaman yang ingin Anda gaya, klik ikon aplikasi di kanan atas browser Anda, pilih apakah Anda ingin menerapkan gaya hanya untuk URL saat ini atau seluruh domain dan tulis gaya Anda. Ketika Anda mengunjungi lagi, ikon menunjukkan jumlah gaya yang diterapkan oleh plugin.
youcantryreachingme