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
http://forum.ceviz.net/showthread.php?p=249585#post249585 Cevap yazarken araştırdım da burayada yazayım dedim. Sabit bir genişlikte bir katman oluştuurp bu genişliği aşan genişlikte içerikleri otomatik olarak satırın başına tmak için ne yapabiliriz. Normalde bunu için IE5.5+ dan itibaren word-wrap: break-word kodu ile bunu desteklemektedir, ancak Mozilla
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
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ı
XHTML
Eski versiyon web tarayıcılarında javascript kodlarımız saklamak için aşağıdaki yöntemi kullanırız. :::html <script language="JavaScript"><!--// ... //--> Eğer bu yöntemi dışarıdan javascirpt kodu çağırdığımız sayfalarda kullanırsak. Eski web tarayıcıları bu kodu göremeyecek ve geçecektir. Bu da eski web tarayıcılarına daha az kod yorumlama olanağı
XHTML
Statik sayfalarda yönlendirme için javascript ve xhtml kullanırız. Javascript'in location.href özelliği bize mevcut sayfa URL'sine yazma ve okuma izni verir. Bir çok uygulamada kullanılabileceğimiz güzel bir özelliktir bu. Örneğin yönlendirme için kullanalıbilir. Kodumuzu yazarsak: :::javascript <script> location.href ="DigerSayfa.html"; <
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
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