28Jun
Turuncu Firefox menü düğmesine bakmaktan bıktınız mı?Firefox'un arayüzü tamamen özelleştirilebilir, böylece kendi özel görünümünüzü oluşturmak için Firefox menü düğmesinin renk, metin 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ştirebilmenizi sağlar.
userChrome.css dosyasını düzenlemeye başlamadan önce, dosyayı kolayca düzenleyebilmemiz ve doğru biçimde kaydetmemizi sağlayacak bir eklenti olan ChromEdit Plus'ı 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 nelere izin verdiğiniz konusunda çok dikkatli olun.Ürün hakkında emin değilseniz veya şirkete güvenmiyorsanız, takmayın. ChromEdit Plus'ı test ettik ve güvenli ve güvenilir bulduk.
Yazılım Kurulumu iletişim kutusu görüntülenir. Geri sayım tamamlanıncaya kadar kullanılamayabilecektir Şimdi Yükle'yi tıklayın.
NOT: Yükle düğmesinde geri sayım süresini değiştirebilirsiniz, ancak devre dışı bırakılmasını önermiyoruz.
Yüklemeyi bitirmek için Firefox'u yeniden başlatmalısınız. Açılan 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 bulunur.İlk sekmede olan 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/ var.is.only.xul");
# appmenu-düğmesi{
background: #orange! Important;
}
# appmenu-button dropmarker: önce{
content: "Firefox"! Important;
color: #FFFFFF! Önemli;
}
# appmenu-button. button-text{
ekran: yok! Önemli;
}
Zaten bir userChrome.css dosyanız olabilir, bu durumda userChrome.css sekmesinde metin olacaktır.İlk satır dışında @namespace satırı dışındaki tüm metni kopyalayın ve @namespace satırından sonra bir yere sekmeye yapıştırın. Zaten sahip olduğunuz şeyleri korumak istiyorsanız, yukarıdaki metni dosyanın sonuna yapıştırabilirsiniz.
ÖNEMLI: userChrome.css içindeki tüm tekliflerin @namespace satırındaki olanlar da dahil olmak üzere akıllı tırnaklar olmadığından emin olun. Sıradan, düz tırnak işaretleri olmalılar. Bunlardan herhangi biri akıllı tırnaklarsa, dosya Firefox görünümünü hiç etkilemez.
Yeni veya gözden geçirilmiş 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 renge dönüştürüp "Firefox" metnini "How-To Geek" olarak değiştireceğiz.
Arka plan rengini değiştirmek için, "# appmenu-düğmesi" bölümündeki "arka plan" satırındaki "#orange" metnini altı renk kodunu veya HTML renk kodunu kullanarak farklı bir renge ayarlayın.Örneğin, # 2C4362'nin altı renk koduyla koyu mavi seçtik.
NOT: İstediğiniz rengin altı renk kodunu bulmak için, ondalık RGB renklerinden altı renk kodları alma, ekrandaki herhangi bir yerden renk seçme ve birden fazla biçimde renk kodları alma hakkında makalelerimize bakın.
Düğmedeki 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 değiştirin. Metin ile düğme üzerindeki açılır ok arasında daha fazla alana sahip olmak için metnin arkasına bir boşluk ekledik.
Aynı "# appmenu-button dropmarker: before" bölümünde "color" satırını değiştirerek metnin rengini de değiştirebilirsiniz. Metin rengini beyaz( #FFFFFF) olarak bıraktık, ancak açık gri( # F2F2F2) gibi bir şeye değiştirebilir veya buna benzer bir şey yapabilirsiniz.
Değişikliklerin etkili olması için Kaydet ve sonra Yeniden başlat'ı tıklayın.
Düğme şimdi koyu mavidir ve "How-To Geek" yazıyor.
Arka plan rengini değiştirmenin yanı sıra, düğmeye arka plan resmi ekleyebilirsiniz. Solda Nasıl Yapılır Geek favicon'una, şeffaf bir arka plana sahip bir görüntü yarattık, böylece koyu mavi arka plan rengi gösterilir. Düğmesine arka plan resmi eklemek için, "# appmenu-button" bölümüne aşağıdaki satırı ekleyin; buradaki yol, tırnak işaretleri içindeki yolu bilgisayarınızdaki resminizin bulunduğu yere değiştirir. Yolda "file: ///" bırakın.
background-image: url( "dosya: /// C: /Users/Lori/Pictures/ htg_background.png")! Önemli;
Tekrar Kaydet ve Yeniden Başlat'ı tıklayın.
Şimdi bizim düğmesi tamamlandı.
Ayrıca, Firefox menü düğmesini bir simgeye dönüştürerek özelleştirebilirsiniz. Ayrıca, Firefox'tan en iyi şekilde yararlanmak için bir çok ipucu ve düzenleme daha yaptık.