fm FontSizer v0.7 {Türkçe}

4-5-2003

[ Fontları Büyült {+} / Fontları Küçült {-} ]

  1. FontSizer Nedir ?
  2. Örnekler ve Kodları
  3. Yükle (download)
  4. Kopyala & Yapıştır
  5. Kod Açıklaması
  6. Özelleştirme
  7. Bilinen Sorunlar
  8. Eklenilmesi Düşünülenler
  9. Lisans
  10. İletişim - Destek

 

FontSizer Nedir ?;

FontSizer site ziyarteçilerinin sitedeki fontun boyutunu değiştirmesine izin veren bir JavaScript' tir. Ziyaretçinin ayarlarını hatırlar ve bir dahaki gelişinde de fontları ayarladığı gibi görmesine izin verir.

Örnekler ve Kodları;

[ Fontları Büyült {+2} / Fontları Küçült {-2} ]
[ <a href="javascript:fm_FontSizer(2)">Fontları Büyült {<strong>+</strong>}</a> / <a href="javascript:fm_FontSizer(-2)">Fontları Küçült {<strong>-</strong>}</a>

Yükle (Download);

fm_FontSizer.zip Örnek dosyalar ve JS dosyası

Kopyala & Yapıştır;

Aşağıdaki kodu sayfanıza yerleştirdikten sonra "fm_FontSizer(1)" fonksiyonunu istediğiniz şeklinde kullanabilirsiniz.

Kod Açıklaması ;

Kod iki temel fonksiyondan oluşuyor. Bunlar fm_FontSizer() ve fm_FSsetup(). Bunlara ek olarak fm_setCookie() ve fm_getCookie() de cookie desteğini sağlamak için kullanılan diğer fonksiyonlar.

fm_FontSizer(size) temel fonksiyondur fontları büyütmenizi ve küçültmenizi sağlar. Tek parametresi olan size'a istediğiniz büyültme oranını verirsiniz. Meslea fm_FontSizer(2) fontları 2px. büyütecektir.Eğer küçültmek istiyorsanız bunu fm_FontSizer(-2) şeklinde belirtirsiniz.

fm_FSsetup() bu fonksiyon ziyaretçinizin cookilerini kontrol ederek bir önceki ziyaretinde ayarladığı fontu bulmak ve sayfaya uygulamak için kullanılır. Sayfada <body onload="fm_FSsetup()"> şeklinde kullanılabilir. Ancak daha iyi bir kullanım yöntemi olarak hemen </body> den önce <script type="text/javascript">fm_FSsetup()</script>. Bu sayede sayfada resimlerin yüklenmesi beklenmeden fontların boyutları değişecektir. Bu fonksiyonun sayfanın sonunda veya onload hareketinde çalıştırılması önemlidir aksi takdirde çalışmayabilir.

Özelleştirme;

Aşağıdaki değikenleri .js kodunun 22. satırından itibaren görebilirsiniz;

var toplimit = 20
Maksimum font limiti. Buraya vereceğiniz değer numerik olmalıdır. Örnek olarak eğer 20 verirseniz ziyaretçi fontları 20px. den fazla büyütemeyecektir.

var sublimit = 8
Minimum font limiti. Buraya vereceğiniz değer numerik olmalıdır. Örnek olarak eğer 8 verirseniz ziyaretçi fontları 8px. den fazla küçültemez.

var tagtype = new Array ("td","div","a","body");
Font boyutu değiştirilecek tagların listesi. Uygulama sadece buradaki listenin içinde bulunan fontları etkileyecektir. Örnek olarak eğer siteniz tamamen tablolu bir tasarımsa sadece td yazmanız yeterli olacaktır. Veya sadece başlıkları büyültmek istiyorsanız h1 girebilirsiniz. İstediğiniz kadar tag ekleyebilirsiniz veya çıkartabilirsiniz.

var skiplist = new Array("skip","code","hd1");
Bu listedeki class 'ların içindeki fontlar değişmeyecektir. Dolayısıyla sabit tutmak istediğiniz bölgelerin class isimlerini buraya eklemelisiniz. <td id="skip">içerik !</td> şeklinde bulunan bir bölgedeki fontların boyutları değişmeyecektir.

document.defaultsize=10;
Dokümanın varsayılan olarak ayarlanan pixel cinsinden font boyutu.

Bilinen Sorunlar;

Henüz bilinmiyor !

Eklenilmesi Düşünülenler;

  1. Varsayılan font değerini otomatik olarak tanıması;
  2. İlk ziyareti olan kullanıcı için çözünürlüğe göre otomatik font boyutu seçme;
  3. Her bölgenin gerçek font boyutunu tanımlayıp ona göre boyutunu değiştirme;

Lisans;

Tüm hakları Ferruh Mavituna [ferruh@mavituna.com | http://ferruh.mavituna.com] ya aittir.
Kişisel ve Ticari kullanım için sitenizden http://ferruh.mavituna.com ' a herhangi bir şekilde link verilmesi yeterlidir. Yok ben vermem diyorsanız, geliştirici bilgilerinin kodda kalmasına da razıyız.
Geliştirici ismi olmadan tekrar yayınlanamaz.

Recent Blog Posts

See all of the blog posts