CSS Transparan Resimler İle Jquery Kullanarak Bağlantı Verme

23 / Ocak / 2010 İsa Engiz    Genel, JQuery, javascript     css, JQuery, opacity, transparan 4 Yorum Yapilmis.

CSS ile resimlerin transparanlığını ayarlamak hiç de zor değildir. Ancak yazdığımız kodun bütün tarayıcılar tarafından aynı şekilde yorumlandığından emin olmalıyız. Bunu yapmak da zor değildir.

Bu yazıda CSS ile resim transparanlığını ayarlamanın ne kadar kolay olduğunu anlatmaya çalışacağız. Aynı zamanda bu özelliği (ve jquery’i) kullanarak yapılabilecek bağlantılara bir örnek vereceğiz.

Devamını Oku »»

CSS ile çizilen tablolar

30 / Kasım / 2008 İsa Engiz    Genel     css, tablo 9 Yorum Yapilmis.

CSS ile tablo çizmek istediğinizde karşınıza hemen iki alternatif çıkar, birincisi, < table> etiketleri ile çizecek ve bu etiketlere CSS ile sitil vereceksiniz. Bunun örneklerini internette bulabilirsiniz. İkinci seçenek ise < table> etiketleri kullanmadan tablo çizmektir ki bu yazımızda bunu ele alalım. Örneğimize buradan erişebilirsiniz.

Devamını Oku »»

CSS ile resim üzerine yazı ekleme

17 / Ağustos / 2008 İsa Engiz    Genel, javascript     css, featured, galeri, javascript, resim 5 Yorum Yapilmis.

İnternette yapılan her site, ziyaretçisine belli bir konuda bilgi sunmak, hizmet sağlamak için yapılmakta. (kimileri sundukları bu bilgilerden para kazanmakta, kimileri ise kazanmamakta ama konumuz bu değil!) Sunulan bilginin ziyaretçi tarafından anlaşılmasını sağlamak ve kolaylaştırmak için yapılabilecek en önemli unsur, resim ve yazıları birbirleri ile harmanlamak. Yapılan araştırmaların gösterdiği üzere birbirleri ile alakalı resim ve yazılar beraberce kişiye sunulduğunda öğrenme daha kolay gerçekleşmekte.

Bu ilkeden olsa gerek, haber içeriği sunan bütün sitelerde fotolar ile yazıların birbirleri ile harmanlanarak verildiğini görebiliriz.

Resimler le yazıları harmanlamanın bir yolu da, yazıyı resmin üzerine yazmaktır. Bunu, resim düzenleme programlarından biri ile de yapabilirsiniz ancak biz bu yazımızda, resmin üzerine CSS (javascript) ile yazıyı ekleyeceğiz. Uygulamanın canlı örneğine buradan göz atabilir veya dosyaları buradan indirebilirsiniz.

Devamını Oku »»

CSS ile form tasarım mantığı

20 / Temmuz / 2008 İsa Engiz    Genel     css, form 8 Yorum Yapilmis.

< div>ler ile < table> etiketlerinin kapışması uzun süredir devam etmekte ve her geçen gün < div> etiketinin üstünlüğü artmakta. Tüm siteyi div etiketleri ile tasarlama ve geliştirmenin avantajları üzerine de konuşulabilir ancak biz bugün burada css divleri ile form tasarlamanın temel mantığına göz atalım.

Css ile tasarlayacağımız basit form örneğine buradan göz atabilirsiniz veya dosyayı buradan indirip kodları inceleyebilirsiniz.

Devamını Oku »»