Mozilla Firefox İçin Tema Nasıl Yapılır?

tarih06.11.2008 19:37 — Genel, İnternet,



Firefox Tarayıcısı için tema yapma


Bu yazı ingilizceden çeviridir.Yazının orjinal sayfası için tıklayın.

 

Firefox'un en son sürümünü yükleyin ve kurun. Ayrıca buraya tıklayarak DOM INSPECTOR eklentisinide yükleyin.

Temayı Dışarı Çıkarma
FireFox'ta daha önceden tasarlanmış yada dizayn edilmiş herhangi bir temayla varsayımlı olarak başladığınızda, yoğunluk olarak herkesin Winstripe'ı (Firefox'un varsayılan teması-genel) edit ettiklerinden söz edeceğiz. Bu Firefox kurulum klasöründe bulunan classic.jar isimli dosyanın içinde yer alıyor. .jar dosyaları gerçekte yeniden adlandırılmış zip dosyalarıdır. Herhangi bir sıkıştırma programıyla (winzip ya da winrar) aynı şekilde açın. Eğer zip uygulaması bunun doğru-geçerli bir format olduğunu düşünmez-kabul etmezde dosyayı classic.zip adi altında yeniden adlandırın ve extract etmeye devam edin.

Classic.jar'in Varsayılan Dizini

Linux: /usr/lib/MozillaFirefox/chrome/classic.jar
Windows: \Program Files\Mozilla Firefox\chrome\classic.jar
For Mac OS X:
Uygulama klasörüne gidin. (Kaydettiğiniz) FireFox ikonunu tıklayın. (kontrol için) Show Package Contenents'i seçin;
Go to contents/MacOS/Chrome/classic.jar

Daha kolay ulasilabilir bir dosyaya classic.jar dosyasını kopyalayın. ---Classic öneriliyormuş --- O dosyadaki bütün içreği açın. Extract edin. Directory'deki temeli yapıyı bozmamaya dikkat edin.

NOT: .jar dosyasını .jar.zip olarak değiştirebilir ve daha sonra bu dosyayı o klasöre atmak için extract edebilirsiniz.


DIZINLER
Classic.jar bir dizinden oluşuyor
Classic.jar'in içinde bir dizin var ve skin olarak da 2 dosya var preview.png ve icon.png.

skin
skin basitçe bir başka klasörü içeriyor classic adi altında ve bütün güzel içeriği içinde barındırıyor.

classic
classic bu klasörleri içeriyor.

browser (Tarayici)
browser bütün toolbar icons (araç çubukları ve ikonları) içeriyor (bookmark manager ve the preferences window gibi-özellikler penceresi ve bookmark yönetimi)

global
global bütün önemli CSS dosyalarını içeriyor. Bunlar browser'ın dış görünümünü oluşumunu belirleyen tayin eden dosyalar. Bu bir temadaki en kritik dizin.

mozapps
mozapps bütün stilleri ve ikonları içeriyor browser periphrials için (?)(manager'in uzantısını yada güncelleme wizard gibi. )

Yardim
Help bütün dosyaları içeriyor. (yardım diyalog penceresi)

communicator (İletişim sağlayan)
Çok fazla bir is yapmıyor. Hemen unutulabilen tipik bir özellik.


Yeni temanızı yükleyin
FireFox temasına yaptığınız değişiklikleri görmeden önce (canlı değişikliklerin kurulumu sınırlayıcı şekilde zor olduğundan), önce klasik temayı yüklenebilir hale nasıl yenden getirebilirsiniz onu öğrenmeniz gerekir.
Bu tartışma (sorun) için temanıza ‘'My_Theme'' adini verdik, Tabi siz bunu farklı bir şekilde adlandırabilirsiniz.

Gerekli dosyaları kopyalamak
İlk adim bütün dosyaları doğru klasör yapısına yönlendirmek. (Doğru yere kurmak yani) Bunun için My_Theme adi altında yeni bir klasör oluşturun.Bunun içine browser, global, communicator, help ve mozapps yukarda saydığımız klasörlerini ve hatta icon.png ve preview.png dosyalarını kopyalayın.(
Evet, bu su anlama geliyor ki yeni dizininizin yapısı ve classic.jar tamamen farklı olacak.)

İçerik ve Yükleme dosyalarını oluşturmak

İçerik Contents.rdf
Contents.rdf dosyasını  için tıklayın.

Dosyasından bir kopya yapın ve onu \My_Theme klasörünün içine atin ve onu text dosyası olarak açık (Text editor olarak) Bu dosya skin'i (temayi) anlatmak için kullanılan küçük bir XML Database. Kodların içince olası bütün ‘'My_Theme'' ‘leri araştırın ve onları kendi oluşturduğunuz temanın ismiyle değiştirin. Packages'in olduğu bölüm oluşturacağınız browser'ınızın içeriğini listeler. Eğer Chatzilla içinde ayrıca temamız varsa, diğerlerine başka bir satir etkilemeye gereksinimiz olacak ve Chatzilla olarak değiştirmeniz gerekecek. Ama bu liste bizim değiştirdiğimiz her şeyi içeriyor. O zaman sadece, bundan önceki ada/versiyona uyması için mavili yazıyı değiştirin.


<RDF:li resource="urn:mozilla:skin:My_Theme:communicator"/>

<RDF:li resource="urn:mozilla:skin:My_Theme:editor"/>

<RDF:li resource="urn:mozilla:skin:My_Theme:global"/>

<RDF:li resource="urn:mozilla:skin:My_Theme:messenger"/>

<RDF:li resource="urn:mozilla:skin:My_Theme:navigator"/>

Dosyayı kaydedin ve text editöründen çıkın.

Yükleme install.rdf
install.rdf için tıklayın
install.rdf bir kopya yapın ve My_Theme dizini içine koyun. Daha sonra text editörünüzde onu açın. Bu dosya skin'i anlatan küçük bir XML database.


  <Description about="urn:mozilla:install-manifest">

  <em:id>{Themes_UUID}</em:id>

  <em:version>Themes_Version</em:version>

İlk bölüm temanız için UUID kurduğunuzu ve temaya bir versiyon numarası
verdiğinizi içeriyor. Bunu yaptığınız zaman, yukarıdaki gibi bilgiyi
araya ekleyin ve aşağı inin.
Ayni zamanda uygulama (Firefox) için minimum ve maksimum uyumlu
versiyonlarını update etmeniz, güncellemeniz gerekiyor. (aşağıdaki bölümde)

 


  <em:targetApplication>

    <Description>

      <!-- Firefox's UUID -->

      <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>

      <em:minVersion>Min_FF_Version</em:minVersion>

      <em:maxVersion>Max_FF_Version</em:maxVersion>

    </Description>

  </em:targetApplication>

Establishing both minimum and maximum compatible versions lets you avoid conflicts
with versions of Firefox your theme wasn't designed for -- or wasn't tested on.

install manifests için tıklayın..

CSS Dosyaları
Bu dizindeki CSS dosyaları browsera butonları nasıl göstereceğini, diğer kontrolleri nasıl yapacağını, resimleri nereye koyacağını, etraflarına ne tarz border ve paddingler koyacağını ve bunun gibi şeyleri söyler.

Bir örnek olarak, standart butonu değiştirelim.

Global dizinine gidin ve button.css dosyasını text editörünüzde açın. Aşağı {. Butonuna kadar inin.

Bu bölüm temel yerindeki normal butonu açıklar (?) (Onun üzerine mouse yoktur, bozuk değildir, ve seçilmemiştir) (???????)

Arka planının rengini değiştirelim: Koyu maviye ve renk: Beyaza, ve dosyayı kaydedin.

Repackaging JAR
Bundan sonra yapmanız gereken şey JAR dosyasını aşağıdaki dizi yapısında repackage etmek, bir zip arşivi oluşturmak için en iyi arşiv yazılımınızı kullanarak.

/browser/*
/communicator/*
/global/*
/help/*
/mozapps/*
/contents.rdf
/install.rdf
/icon.png
/preview.png

Sadece ana My_Theme dizinini ziplediginizden emin olun çünkü bu sizin ileriki bölümdeki drag ve drop kısmını yüklerken hata mesajı vermemesini sağlayacak.

Web sayfasından yüklemeye neden olmak (yüklemek)
Temanın JAR dosyasını direk olarak web den indirmek için JavaScripti çalıştırmanıza ihtiyacınız var.

<a href='javascript:InstallTrigger.installChrome(Inst allTrigger.SKIN,
"myskin.jar", "My Skin Theme")'>install My Skin</a>

Eğer bigisayarınızdaki JAR dosyalarını kullanmak istiyorsanı bu sitedeki formu kullanın.

Tema pencerelerini Mozilla'da da açabilirsiniz. Ve .jar dosyalarını onun üzerine koyabilirsiniz.
Şimdi klasörlerinizi .jar olarak değiştirmek kaldı. O da çok kolay.Yapacağınız şey, klasörleri z.p dosyasına koyun ve compress edildiğinde (kapatıldığında-sıkıştırıldığında) .zip uzantısını .jar olarak değiştirin.




Bir önceki konu başlığımıza göz atmak isterseniz tıklayınız : Tüm Textbox Nesnelerini tek işlemle boşaltma





Yorum Yazın