7Sep

Firefox'un Kullanıcı Arayüzünü userChrome.css ile Özelleştirme

click fraud protection

Firefox Quantum'un arayüzü, userChrome.css dosyası sayesinde son derece özelleştirilebilir.İstenmeyen menü öğelerini gizlemek, gezinme araç çubuğunun altındaki sekme çubuğunu taşımak, yer imleri araç çubuğunuzda birden çok satırı görüntülemek ve normalde mümkün olamayacak başka şeyler yapmak için bu dosyayı düzenleyebilirsiniz.

Nasıl Çalışır

Firefox'un userChrome.css dosyası, Firefox'un kullandığı basamaklı bir stil sayfası( CSS) dosyasıdır. Stil sayfaları normalde web sayfalarına uygulanırken, bu özel stil sayfası Firefox'un kullanıcı arayüzüne uygulanır. Web sayfasını çevreleyen her şeyin görünümünü ve düzenini değiştirmenize izin verir. Aslında herhangi bir özellik ekleyemezsiniz;onu değiştirmek, gizlemek veya taşımak için zaten orada olanları değiştirebilirsin.

Bu, Google Chrome ile hiçbir ilgisi yoktur."Chrome", web tarayıcının kullanıcı arayüzünü, yani Google Chrome'un adının adıdır.

userChrome.css dosyası uzun süredir Firefox'ta varlığını sürdürdü, ancak Firefox Quantum ile önemi de arttı.Daha önce tarayıcı eklentileri tarafından gerçekleştirilebilen pek çok düzenleme yalnızca userChrome.css dosyasını düzenleyerek başarılabilir.

instagram viewer

Tweaks

Nerede Bulundu? CSS kodunu ve Firefox arayüzünün nasıl tasarlandığını anlarsanız kendi ayarlarınızı oluşturabilirken, çevrimiçi ortamda da ince ayarlar yapabilirsiniz. Belirli bir değişiklik yapmak isterseniz, başkası muhtemelen bunu nasıl yapacağınızı anladı ve kodu yazdı.

Başlamanız için bazı kaynaklar şunlardır:

  • UserChrome.org'dan Örnek Tweaks: userChrome.css'nin gücünü gösteren ilginç tweaks'lerin kısa bir listesi.
  • Klasik CSS Tweaks: userChrome.css'nin bir deposu, Firefox Quantum'da artık işlev görmeyen Classic Theme Restorer uzantısının yazarından çimdik.
  • userChrome Tweaks: İlginç Firefox düzeltmelerinin bir koleksiyonu.
  • FirefoxCSS on Reddit: Bu alt reddit, çimdiklerini tartışmak için bir topluluk. Diğer kişilerin ayarlarını bulmak için alt dizinde arama yapabilir, insanların neler paylaştığını görebilirsiniz ve hatta gerçekten istediğiniz bir bükmeyi bulamazsanız girişi isteyebilirsiniz.
  • Bağlam Menünüzü Düzenleme Rehberi: Firefox'un içerik menüsünden öğeleri kaldırma ve FirefoxCSS alt redditinde yer alan listedeki sıralarını değiştirme talimatları.

Firefox'un eski sürümlerinin farklı bir arayüzü olduğunu unutmayın.Çevrimiçi buldukça eski userChrome.css tweaks'leri, Firefox Quantum olarak da bilinen Firefox 57 ve sonrasında çalışmayabilir.

CSS ile ne yaptığınızı biliyorsanız, Firefox tarayıcısının kromunu denetlemek için tarayıcı araç kutusunu etkinleştirebilirsiniz. Bu, çeşitli tarayıcı arabirimi öğelerini kendi CSS kodunuzla özelleştirmeniz için gereken bilgileri sağlayacaktır.

UserChrome.css Dosyanız Nasıl Oluşturulur

userChrome.css dosyası varsayılan olarak mevcut değildir, bu yüzden denemek istediğiniz çimdik veya iki dosyanız varsa önce dosyayı Firefox profilinizdeki uygun konuma oluşturmanız gerekirKlasör.

Firefox profil klasörünü başlatmak için menü & gt;Yardım & gt;Firefox'ta Sorun Giderme Bilgileri.

Açmak için Profil Klasörü sağındaki "Klasörü Aç" düğmesini tıklayın.(MacOS veya Linux'ta, bunun yerine onun yerine "Finder'da Göster" veya "Dizini Aç" düğmesini görürsünüz. Aşağıdaki talimatlar işlemi Windows'ta gösterir; ancak Mac ve Linux'ta temelde aynıdır - sadece birfarklı dosya yöneticisi ve metin editörü.)

Görüntülenen profil klasöründe "chrome" adlı bir klasör görüyorsanız çift tıklayın. Bununla birlikte, muhtemelen bu klasörü Firefox'un modern sürümleri tarafından oluşturulmadığı için yapmayacaksınız.

Klasörü oluşturmak için sağdaki bölmeyi sağ tıklayın ve Yeni & gt;Klasör."Krom" olarak adlandırın, Enter tuşuna basın ve ardından çift tıklayın.

Windows'a size dosya uzantıları göstermesini söylemeniz gerekir, henüz yapmadıysanız. Windows, şeyleri basitleştirmek için varsayılan olarak dosya uzantılarını gizler. Bu adım, varsayılan olarak bu bilgiyi gösteren MacOS veya Linux'ta gerekli değildir.

Windows 8 veya 10'da şeritte "Görünüm" sekmesini tıklamanız ve görünür olmasını sağlamak için "Dosya adı uzantıları" kutusunu işaretleyebilirsiniz. Windows 7'de Düzenle & gt;Klasör ve arama seçenekleri "Görünüm" sekmesini tıklayın ve "Bilinen dosya türleri için uzantıları gizle" seçeneğinin işaretini kaldırın.

Şimdi userChrome.css dosyasını oluşturacaksınız; bu dosya gerçekten. txt uzantısı yerine. css uzantılı boş bir metin dosyasıdır.

Bunu yapmak için, buraya sağ bölmeyi sağ tıklayın ve Yeni & gt;Metin belgesi..Txt dosya uzantısını kaldırdığınızdan emin olarak "userChrome.css" olarak adlandırın.

Windows, dosyanın uzantısını değiştirdiğiniz konusunda sizi uyaracaktır ve bu, belirli dosya türleri için bir problem olabilir. Değişikliğinizi onaylamak için "Evet" i tıklayın.

MacOS veya Linux'ta, aynı ada sahip boş bir metin dosyası oluşturun.

userChrome.css Dosyası Nasıl Düzenlenir

userChrome.css dosyasını düzenlemek için herhangi bir metin düzenleyicisini kullanabilirsiniz. Windows'da bulunan Not Defteri metin düzenleyicisi iyi çalışıyor. Daha fazla özellik içeren daha güçlü bir metin editörü istiyorsanız, Notepad ++ 'ı severiz.

Dosyayı Not Defteri'nde düzenlemek için dosyayı sağ tıklayın ve "Düzenle" yi seçin.

Dosyaya kopyalamak ve yapıştırmak suretiyle dosyaya ne isterseniz yapmanız gereken değişiklikleri ekleyin. Birden fazla bükülme eklerseniz hepsini kendi satırlarına eklediğinizden emin olun.

Bitirdikten sonra, Dosya & gt;Not Defterinde kaydedin.

userChrome.css dosyanızı her düzenlediğinizde, tüm açık Firefox pencerelerini kapatmanız ve değişikliklerin etkili olması için Firefox'u yeniden başlatmanız gerekecektir.

Eğer kendiniz userChrome.css dosyanızı düzenlemek için sık sık "chrome" klasörüne geri dönüyorsanız, klasöre bir masaüstü kısayolu oluşturmak veya Dosya Gezgini'nde "Hızlı erişim" klasörlerine eklemek isteyebilirsiniz.

userContent.css Dosyası

Firefox'da ayrıca düzenleyebileceğiniz bir userContent.css dosyası bulunmaktadır ve kullanıcı içeriği userContent.css dosyası için olduklarını söyleyen bazı ayarlamalar yapabilir.

Bu dosyayı kullanmak için, Chrome klasörünüzle aynı klasörde "userContent.css" adlı bir dosya oluşturmanız yeterlidir. Bu dosyaya yerleştirdiğiniz Tweaks'lar, Firefox'un dahili "içerik sayfalarını" etkiler, örneğin Yeni Sekme ve Seçenekler sayfaları.

Yardım, Bir Şey Kırıldı!

Herhangi bir değişiklikle herhangi bir sorun yaşadıysanız, onu userChrome.css dosyanızdan kaldırabilir ve Firefox'u yeniden başlatabilirsiniz. Bu işe yaramazsa, userChrome.css dosyasını tamamen silebilir ve tüm değişiklikleri silmek ve yeni bir Firefox arabirimi elde etmek için tarayıcıyı yeniden başlatabilirsiniz.