Turuncu Firefox Menü Düğmesinin Görünümünü Özelleştirme

Turuncu Firefox menü düğmesine bakmaktan yoruldunuz mu? Firefox'un arayüzü tamamen özelleştirilebilirdir, böylece kendi özel görünümünüzü oluşturmak için Firefox menü düğmesinin rengini, metnini ve diğer özelliklerini değiştirebilirsiniz.

Firefox menü düğmesinin görünümünü değiştirmek için userChrome.css dosyasını düzenleyeceğiz. Bu dosya, Firefox'un herhangi bir bölümünün görünümünü ve işlevselliğini değiştirmenize olanak sağlar.

UserChrome.css dosyasını düzenlemeye başlamadan önce, dosyayı kolayca düzenleyebilmemizi ve doğru biçimde kaydetmemizi sağlayacak ChromEdit Plus adlı bir eklenti yükleyeceğiz. ChromEdit Plus web sayfasına gitmek için aşağıdaki bağlantıyı tıklayın..

http://webdesigns.ms11.net/chromeditp.html

Sayfadaki Firefox’a Ekle düğmesini tıklayın.

Aşağıdaki mesaj görüntülenebilir. ChromEdit Plus eklentisini yüklemeye devam etmek için İzin Ver'i tıklayın..

NOT: Uzantıları ve diğer yazılımları yüklerken neye izin verdiğinize çok dikkat edin. Üründen emin değilseniz veya şirkete güvenmiyorsanız, yüklemeyin. ChromEdit Plus'ı test ettik ve güvenli ve güvenilir olduğunu tespit ettik..

Yazılım Kurulumu iletişim kutusu görüntülenir. Geri sayım tamamlanana kadar kullanılamayacak olan Şimdi Kur'a tıklayın..

NOT: Yükle düğmesindeki geri sayımın uzunluğunu değiştirebilirsiniz, ancak devre dışı bırakmanızı önermiyoruz..

Kurulumu tamamlamak için Firefox'u yeniden başlatmalısınız. Açılır pencerede Şimdi Yeniden Başlat'ı tıklayın..

Firefox yeniden başlatıldığında, ChromEdit Plus düğmesi Adres kutusunun sağına eklenir. ChromEdit Plus penceresini açmak için tıklayın.

ChromEdit Plus penceresinde varsayılan olarak üç sekme vardır. İlk sekmede bulunan userChrome.css dosyasını düzenleyeceğiz. Sekme boşsa, aşağıdaki metni kopyalayıp userChrome.css sekmesine yapıştırın ve Kaydet'i tıklayın. Bu size varsayılan bir userChrome.css dosyası verir.

@namespace url (“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
# appmenu-button
background: #orange! Önemli;

# appmenu-button dropmarker: önce
içerik: “Firefox”! önemli;
renk: #FFFFFF! önemli;

# appmenu-button .button-metin
ekran: yok! önemli;

Zaten bir userChrome.css dosyanız olabilir, bu durumda userChrome.css sekmesinde zaten metin olacaktır. İlk satır dışındaki tüm metni kopyalayın, @ @ boşluk satırı ve @ boşluk satırından sonra bir yere sekmeye yapıştırın. Zaten sahip olduklarınızı saklamak istiyorsanız, yukarıdaki metni dosyanın sonuna yapıştırabilirsiniz..

ÖNEMLİ: userChrome.css içindeki tüm tırnakların @ isim alanı satırındakiler de dahil olmak üzere akıllı tırnak olmadığından emin olun. Sıradan, düz tırnaklar olmalılar. Bunlardan herhangi biri akıllı alıntılarsa, dosya Firefox'un görünümünü etkilemez.

Yeni veya düzeltilmiş userChrome.css dosyasını kullanarak Firefox'u yeniden başlatmak için Yeniden Başlat'ı tıklayın..

Bu örnekte, arka plan rengini koyu mavi olarak değiştireceğiz ve “Firefox” metnini “Nasıl Yapılır” olarak değiştireceğiz.

Arka plan rengini değiştirmek için, “# appmenu-button” bölümündeki “arka plan” satırındaki “#orange” metnini onaltılık renk kodunu veya HTML renk kodunu kullanarak farklı bir renge değiştirin. Örneğin, # 2C4362'nin onaltılık renk koduyla koyu mavi renk seçtik.

NOT: İstediğiniz bir rengin onaltılık renk kodunu bulmak için, ondalık RGB renklerinden onaltılık renk kodları alma, ekranın herhangi bir yerinden renkleri seçme ve birden çok formatta renk kodları alma hakkındaki makalelerimize bakın.

Düğme üzerindeki metni değiştirmek için, “# appmenu-button dropmarker: before” bölümündeki “content” satırındaki “Firefox” metnini “How-To Geek” gibi istediğiniz metne göre değiştirin. Metin ve düğmedeki aşağı açılan ok arasında daha fazla boşluk olması için metnin arkasına boşluk ekledik.

Aynı “# appmenu-button dropmarker: before” bölümündeki “color” satırını değiştirerek metnin rengini de değiştirmeyi seçebilirsiniz. Metin rengini beyaz (#FFFFFF) olarak bıraktık, ancak açık gri (# F2F2F2) gibi bir şeyle ya da onun gibi bir şeyle değiştirebilirsiniz.

Değişikliklerin etkili olması için Kaydet ve ardından Yeniden Başlat seçeneklerini tıklayın..

Düğme şimdi koyu mavi ve “Nasıl Yapılır” der.

Arka plan rengini değiştirmenin yanı sıra, düğmeye bir arka plan görüntüsü de ekleyebilirsiniz. Solda How-To Geek favicon'u ve saydam bir arka planı olan, koyu mavi arka plan renginin gösterdiği bir resim yarattık. Düğmenize arka plan resmi eklemek için, tırnak işaretindeki yolu bilgisayarınızdaki görüntünün konumuna değiştirerek “# appmenu-button” bölümüne aşağıdaki satırı ekleyin. Yolda “file: ///” bırak..

background-image: url (“dosya: /// C: /Users/Lori/Pictures/htg_background.png”)! önemli;

Kaydet ve Yeniden Başlat'ı tekrar tıklayın..

Şimdi düğmemiz tamamlandı.

Firefox menü düğmesini bir simgeye dönüştürerek de özelleştirebilirsiniz. Ayrıca, Firefox’tan en iyi şekilde yararlanmak için birçok ipucu ve tweaks yayınladık..