Number format
tooltip: {
formatter: function () {
return '' + this.series.name + ' <b>' + Highcharts.numberFormat(this.y, 0,',','.') + '</b>';
}
},
yAxis: {
labels: {
formatter: function () {
return Highcharts.numberFormat(this.value,0,',','.');
}
},
// Highcharts.numberFormat(this.y, 0,',','.') buradaki virgüller tıpkı PHP'de olduğu gibi kullanılıyor.
Arkaplana resim koymak:
chart: {
type: 'pie',
plotBackgroundImage:'klasor/img/logo.png'
},
12 Mayıs 2015 Salı
11 Mayıs 2015 Pazartesi
viewport
Viewport, meta tag olarak veya css özelliği olarak kullanılabilmektedir. Bu yazımda meta viewport hakkında bilgi vermekteyim. Amacı mobil tarayıcılarda tasarım düzenini sağlamaktır. Web sayfanızı oluşturan bir tasarımın genişlik ve yükseklik değerini mobil tarayıcıya bildirmek, web sitenizin mobil tarayıcılarda aynı görünmesini sağlamak veya scalable (ölçeklendirme) ayarları yapabilirsiniz.
Tüm meta etiketlerinde olduğu gibi viewport meta etiketi de sayfamızın head etiketi içerisinde kullanılmalıdır. Genel kullanım şekli aşağıdaki gibidir.
Yine tüm meta etiketlerinde olduğu gibi viewport meta etiketinde yapacağımız tanımlamalar “content” parametresi içinde yapılmaktadır. Content parametresi içerisinde kullanabileceğimiz birçok viewport parametresi mevcuttur. Bu parametrelerin alabileceği değerler ve işlevler şunlardır;
[table “” not found /]
Şimdi tablomuzdaki parametreleri kullanarak, örnek viewport meta etiklerini oluşturalım…
Width
1. satırda web sitemizin genişliğinin 600 pixel olduğunu belirtiyoruz. 2. satırda ise tarayıcı genişliğini web sitemizin genişliği olarak kabul etmesini sağlıyoruz.
Height
1. satırda web sitemizin yüksekliğinin 1250 pixel olduğunu belirtiyoruz. 2. satırda ise tarayıcı yüksekliğini web sitemizin yüksekliği olarak kabul etmesini sağlıyoruz.
Initial-Scale
Sitemiz yüklendiğinde sitemiz 2 kat yakınlaştırılmış olarak açılacaktır.
Minimum-Scale
Kullanıcının yapabileceği maksimum zoom out değerini 4.0 kat olarak tanımladık.
Maximum-Scale
Kullanıcının yapabileceği maksimum zoom in değerini 5.3 kat olarak tanımladık.
User-Scalable
1. satırda kullanıcının web sitesinde zoom yapabileceğini, 2. satırda ki örnekte ise yapamayacağını belirtiyoruz.
NOT “user-scalable” pasif durumdayken “minimum-scale” ve “maximum-scale” özellikleri işlevlerini yitirir. Bu yüzden “user-scalable” pasif durumdayken “minimum-scale” ve “maximum-scale” kullanılmaması daha yararlı olucaktır. Ayrıca “user-clable” parametresinde “yes” değerinin yerine “true” veya “1” değeri, “no” değerinin yerine ise “false” veya “0” değeri de kullanılabilir.
Target-DensityDpi
NOT Anroid işletim sisteminin default tarayıcısında “target-densityDpi” parametresi daha fazla önem arzetmektedir.
Tek meta viewport etiketinde birden fazla parametreyi virgüller ile ayırarak kullanabilirsiniz.
Kaynak: http://www.emircanok.com.tr/
Kaydol:
Kayıtlar (Atom)