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

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

Merhaba Arkadaşlar ;


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ğunuz da birden çok satırı görüntülemek ve normalde mümkün olamayacak başka şeyler yapmak için bu dosyayı düzenleyebilirsiniz.

userChrome.css 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.

Bunun Google Chrome ile hiçbir ilgisi yok. "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ürüyor ancak Firefox Quantum ile yenilenmiş bir önem kazanıyor. 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.



Tweaks Nerede Bulundu?

CSS kodunu ve Firefox'un arayüzünün nasıl tasarlandığını anlarsanız kendi kararlarınızı yaratabilirsiniz, ancak çevrimiçi ortamda da değişiklik yapabilirsiniz. Belirli bir değişiklik yapmak isterseniz, başkası muhtemelen bunu nasıl yapacağınızı anladı ve kodu yazdı.


Başlamak 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 Klasik Tema Yenileme uzantısının yazarından çimdik.

* userChrome Tweaks : İlginç Firefox düzeltmelerinin bir koleksiyonu.

* Reddit'te FirefoxCSS : Bu alt reddit, değişiklikleri 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 Kılavuzu : 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üze sahip 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ı Oluşturma

UserChrome.css dosyası varsayılan olarak mevcut değildir, bu yüzden denemek istediğiniz çimdiklediğiniz bir dosyaya sahip olduğunuzda önce dosyayı Firefox profil klasörünüz de ki uygun konuma oluşturmanız gerekir .


Firefox profil klasörünü başlatmak için, Menü> Yardım> Firefox'ta Sorun Giderme Bilgileri'ni tıklayın.


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 bir farklı dosya yöneticisi ve metin editörü.)


Görünen profil klasöründe "Chrome" adlı bir klasör görürseniz, ç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> Klasör'ü seçin. "Chrome" olarak adlandırın, Enter tuşuna basın ve ardından çift tıklayın.


Sen gerekir Eğer dosya uzantılarına göstermek için Windows'u söyle sen değil zaten varsa. 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> Klasör ve Arama Seçeneklerini Tıklayın, "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şturursunuz; bu .txt uzantısı yerine .css uzantılı yalnızca boş bir metin dosyasıdır.

Bunu yapmak için, buraya sağdaki bölmeyi sağ tıklatın ve Yeni> Metin Belgesi'ni seçin. .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.

Bitirdiğinizde, Dosya> Not Defterinde Kaydet'i tıklatarak dosyayı kaydedin.


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

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'un düzenleyebileceğiniz bir userContent.css dosyası da var ve kullanıcı içeriği userContent.css dosyası için olduklarını söyleyen bazı tweaks'ler arasında dolaşabilirsiniz.


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 değişiklikler, Firefox'un dahili "içerik sayfalarını" etkiler, örneğin Yeni Sekme ve Seçenekler sayfaları.

Çimdiklemenizle herhangi bir sorun yaşamadı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.

Bütün işlemler bu kadar Herkese Kolay Gelsin.

About the author

Serkan Gündoğdu
Bilgisayar ve Yazılım Programları Hakkında En Güncel Bilgiler Bu Blog'da Bizi Takip Etmeyi Unutmayın.

Yorum Gönder

YORUM YAPARAK KATKIDA BULUNABİLİRSİNİZ...