16 Haziran 2008
Bir süredir resim galeri ve arişivi scripti (CMS de denebilir) üzerine çalışıyorum. Bu nedenle resim ve galeriler üzerine yoğun bir araştırma-karıştıma yapmam gerekti. Sistemde bulunacak bir-iki farklı galeri için yaptığım araştırmalarda karşıma sürekli JavaScript çıktı. JavaScript bilgim yeterli olmadığı için oldukça zorlandım. Bunun yerine galerileri, yazmaktan çok zevk aldığım CSS ile denemeye kalkıştım. Akışlarına abone olduğum bloglarda ve del.icio.us depomda benzer birkaç örneğe rastladım, bu beni daha çok cesaretlendirdi ve yazmaya koyuldum. Sonuç olarak JavaScripti hiç de aratmayacak mükemmel sonuçlar aldım. Bu işten o kadar çok zevk almaya başladım ki, script ile kullanmayacağım birçok çalışma yaptım. Fırsat buldukça da bu fantezilere devam ediyorum. Sonuç olarak bunlardan bazılarını (ilk denemelerimden başlayarak) burada paylaşmaya karar verdim ve yeni bir seriye başladım. “CSS ve Resimler”, serisi ile bu çalışmalarımı aktaracağım.
Yazının tamamını okuyun »
07 Haziran 2008
CSS kullanarak form elemanlarına verilen [type=text] şeklindeki stiller maalesef IE (özelikle IE6) sorun yaratır. IE bu şablonları tanımaz. Örnek olarak;
.form input[type=text] { …… }
Yukarıdaki gibi kodları IE a anlatmak için birçok yöntemi, değişikliği denedim ancak başarılı olamadım. İmdadıma ise JavaScript yetişti. İşlem oldukça basit, ziyaretçimizin tarayıcı tipi şayet IE ise devreye JS kodları ve IE için oluşturulmuş CSS sayfası girecek. Devreye giren JS kodları ile form elemanlarının birer şablonu olduğunu IE ye hatırlatıp, bu şablona göre formumuzu göstermesini sağlayacağız.
Yazının tamamını okuyun »
22 Mart 2008
Tasarımlarınızda kullanabileceğiniz css örnekleri.
1. İçerikleri listeleme, örnek kodlarla içeriklerinizi sayısal sıralamaya sokabilirsiniz;
ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}
ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}
<ol>
<li><p>İlk satır</p></li>
<li><p>İkinci satır</p></li>
<li><p>Üçüncü satır</p></li>
</ol>
Yazının tamamını okuyun »
14 Mart 2008
Sayfalarınız için hazırladığınız bir CSS şablonu her tarayıcıda aynı görüntüyü vermeyebilir. Bu farklılık daha çok FireFox ve Internet Explorer arasında yaşanır. Bu durumu düzeltmek için öncelikle hatasız CSS dosyaları düzenlemenin yanında ayrı bir dosya hazırlanarak sorun giderilebilir. Bunun için aşağıdaki kodlar <head></head> etiketleri arasına yazılır;
Yazının tamamını okuyun »
