Haberler
* Herhangi bir grafik programı kullanmadan gradiant resim oluşturmak için yazılmış güzel bir makale * Web2.0 için güzel fontlar * CSS3.0 hazırlıkları devam ediyor, bu konu hakkında daha ayrıntılı bilgi almak istiyorsanız bu siteye göz atın. * En güzel CSS derslerini bir araya toplamışlar. * Demo olarak hayatını sürdüren Google'un anında
CSS Dersleri
Güncelleme: Bu makale 08/01/2016 tarihinde yeniden düzenlenmiştir. IE için yazılan script'e gerek kalmadı. Güncelleme: Bu makale bazı sorunlar nedeni ile 19/12/2006 tarihinde yeniden düzenlenmiştir. Bir önceki makalede dikey açılır menüleri gördük. Bu makalede yatay açılır menülere bir örnek vereceğiz. Html kodumuz aynı olsun {% highlight
CSS Dersleri
Bu tip menüleri javascript ile yapabiliriz. HTML ve CSS ile de daha esnek, kolay düzenlenebilir ve bir çok web tarayıcısı tarafında desteklenen(IE6 ve öncesi dahil) açılır menü yapılabilir. Aslında javascript'e ihtiyaç olmamasına karşın IE7'den önceki sürümler için javascript kodu gerekmektedir. Açılır menü yapmak için daha
CSS Dersleri
Yatay Menüler Bir önceki makalede dikey menüye bir örnek yapmıştık. şimdi de yatay menülere bir örnek vereceğiz. Önceki makalede bahsettiğimiz gibi yatay ve dikey menüler belli bir yere kadar kodlaması aynıdır. Biz aynı olan kısmı geçip sonrasına devam ediyoruz. Kaldığımız yerden devam edersek. Linkleri yatay olarak dizmek için display:inline
CSS Dersleri
Web sitelerinin vazgeçilmez öğelerinde biridir menüler. Menüler kullanıcının oluşturduğumuz sayfalara hızlı erişimini sağlar. Bir çok site de Ürünler, İletişim, Hakkımızda vb. bölümlerini menü öğesi olarak görürüz. Bu makalede sırasız listeler(<ul>)ve CSS yardımı ile menü yapımını anlatacağız. CSS ile yapılan menüler esnek, kolay düzenlenebilir, güzel görünen ve
Haberler
Dreamweaver kullananlar için Google araçlarını sitenize kolayca eklemenizi sağlayan güzel bir araç. * Google Maps: Google haritasını kendi siteniz içine kelmenizi ve düzenlmenizi sağlar. Sitenize mesela şirketinizin yerin gösteren bir kroki gibi Google Map'deki şireketiniz gösterne yeri ekleyebilirsiniz. * Google Search: En popüler arama motoru Google'un armasını sitenize
CSS Dersleri
Internet Explorer 7 tam sürümü yayınlandı, peki bu yeni sürüm bizlere(web kodlayıcılarına) ne kazandırıyor. Güvenlik açısından yenilikler içeren IE7 eski versiyonlardaki CSS sorunlarının bir çoğunuda çözmüş görünüyor. Bu bizim gibi kodlayıcılar için çok güzel bir gelişme, IE gibi web tarayıcı pazarında %75'ni(değişik oranlar mevcut ben de
CSS Dersleri
Aksak Kolonlar(Faux Column) CSS ile sayfa kodlaması yaparken karşımıza çıkan sorunlardan biridir Aksak Kolonlar(faux column). Genelde isimlendirme olarak Faux Kolondiye geçsede ben burada Aksak kolon olarak kullanacağım. Basit bir örnek verecek olursak; içerik ve sağ kolon diye iki kolondan oluşan bir yapımız olsun. Bu kolonların zemin renklerinin farklı
CSS Dersleri
Bir kapsayıcı kutunun genişlik değerini minimum ve maksimum değerleri ile sınarlandırabilriz. Bu özellikler CSS2 ile birlikte gelmiştir. min-width, min-height Yapısı : min-width, min-height: (değer) Aldığı Değerler : [<uzunluk değeri >][] | [<yüzde>][<uzunluk değeri >] | inherit\ Başlnagıç değeri: 0\ Uygulanabilen elementler: inline nonreplacement elementler ve tablo elementlere\ Kalıtsallık: Yok
CSS Dersleri
Bir kapsayıcı kutunun genişlik değerini minimum ve maksimum değerleri ile sınarlandırabilriz. Bu özellikler CSS2 ile birlikte gelmiştir. min-width, min-height Yapısı : min-width, min-height: (değer) Aldığı Değerler : [<uzunluk değeri >][] | [<yüzde>][<uzunluk değeri >] | inherit\ Başlnagıç değeri: 0\ Uygulanabilen elementler: inline nonreplacement elementler ve tablo elementlere\ Kalıtsallık: Yok
Haberler
Web sayfalarını görüntüleyen web tarayıcıların da kullanılan metin boyutunu 1500 site de deneyen araştırmacılar çoğunluğun standart olarak gelen (medium) seçeneğini kullandığını görmüşler http://www.clickdensity.com/Text-Sizes-Study.aspx
CSS Dersleri
CSS'de etkinliğin anlamı stil çatışması(aynı elemente birden fazla tanım yapıldığında) olduğunda kullanılan hangi kodun web tarayıcıları tarafından yorumlanacağını belirlemektir. Bir XHTML sayfamıza iki adet stil dosyası eklediğimizi düşünelim. Fakat bu stil dosyalarımızdan birinde h1 elementine bold özelliği atanmışken diğer stil dosyamızda italiktik özelliği atanmış. Bu durumda web