Archive for the ‘css’ category

Daha ufak ikonlar + daha ufak menuler = daha fazla goruntu alani

June 29th, 2010

Firefox cok guzel bir tarayici fakat kaba ve cok sayidaki arac cubuklari dusuk cozunurluge mahkum olanlar icin tam bir iskence. Kimi temalar bu soruna bir nebze olsun cozum sunabiliyor ama genellikle tum ozellikleri barindirmaya ugrastiklarindan pek basarili olamiyorlar. Ne var ki biraz CSS bilgisi ve biraz da arastirma ile cozulemeyecek birsey degil.

Bilgisayarinizda firefox kurulu ise, ise userChrome-example.css dosyasini aramakla baslayin. Farkli sistemlerde farkli konumlarda yer alabiliyor.

Dosyayi bulduktan sonra iki seceneginiz var; kendi degisikliklerinizi yapmak istiyorsaniz yine ayni konumda userChrome.css adli bir kopyasini yaratin ve dosyayi duzenlemeye baslayin ya da bu konunun altinda bulunan hazir dosyayi indirerek ayni konuma yerlestirin.

Firefox’unuzu yeniden baslatin.

Kendi yaptigim degisikliklerin oncesinde ve sonrasinda netbook ustunde iki adet ekran goruntusu aldim ve yan yana yerlestirdim. Goz atacak olursaniz farklari ve kazanilan alani cok daha rahat gorebilirsiniz.

CSS Dosyasi : userChrome

Site tasarimlarinda “background” imaj secimi

December 14th, 2009

Web siteleri bir resim editör ile tasarlanır (photoshop, gimp, fireworks v.b.) ve bir metin editörü ile kodlanır (notepad, dreamweaver, editplus v.b.). Site kodlamasını yaparken css oluşturmaya başlanır ve background içerisinde neler olduğunu tanımlanır. Örnek bir kod yazacak olursam eğer;

body { background: #000 url(../images/layout/zemin.jpg) center top no-repeat;}

Bu kod içerisinde sırası ile, arka plan rengim siyah olsun, zeminde imaj adında bir jpg dosya olsun, bu zemin en üstte ortada yer alsın ve tekrar etmesin diye tanımlama yapılır.

Zemin içerisinde tanımlanan imaj kenarlarda siyah olmazsa ve ekran çözünürlüğü çok yüksek bir monitörle siteye girilirse imajın kenarlarda kesildiğini ve zeminin siyaha dönüştüğünü göreceksiniz. Bu sebepten dolayı site 1024×768 çözünürlük için çalışılsa bile alt zemindeki imaj uygulası minimum 1280 px genişliğinde olmalı ve zemin rengi ile imaj sınırları aynı renkte olmalı. Böylece siteye giren kişiye bir bütün zemin içerisinde sunumunu yapılabilir.

Bu durum tabiki zeminde bir imaj kullanılıyor ise geçerli olacaktır. Zeminde pattern ya da renk kullanarak bu uygulama ile hiç uğraşmadan da yolunuza devam edebilirsiniz.

z-index degerinin minimum ve maksimum degeri

November 10th, 2009

Bu konuda CSS standartlarinda herhangi bir limit bulunmuyor fakat bir cok tarayicinin bu degeri 32bit ile sinirlayacaginiz varsaymak pek de yanlis olmaz. Bu durumda z-index degerinizin −2147483648 ile +2147483647 arasinda degisebilecegini varsayabiliriz.